fabric js로 캔버스 크기 조정

Question

응용 프로그램을 사용하면 다른 사용자가 나중에 볼 수 있도록 디자인을 저장하고 게시 할 수 있습니다.

너비 = 700 및 높이 = 600의 비율로 원래 캔버스를 저장했습니다. 그러나 캔버스를 표시 할 때 캔버스의 크기를 350,300의 크기에 맞게 조정하려고합니다. 원래의 절반. 하지만 직접 치수를 적용하고 너비를 setWidth() 및 setHeight()로로드하면 원래 비율로로드됩니다.

내가 원하는 것은 새로운 차원으로 캔버스를 표시하는 것입니다.

Answer 1

이전에 here으로 대답했습니다.

난 당신이 노력했습니다 모르겠어요

하지만

var canvas = document.getElementsByTagName('canvas')[0]; 
canvas.width = 800; 
canvas.height = 600; 

는 잘 작동합니다.

Answer 2

라이브러리 fabric.js를 사용하는 경우 충분하지 않습니다. '캔버스'는 fabric.js 인스턴스 객체 인 점을 고려

, 당신은 제품 변형 아티팩트를 방지하기 위해이 작업을 수행해야합니다

canvas.setWidth(<desired width>); 
canvas.setHeight(<desired height>); 
canvas.calcOffset();