このアプリケーションを使用すると、ユーザーはデザインを保存して投稿できるため、他のユーザーは後でそれを見ることができます。
width=700、height=600 の比率で保存された元のキャンバス。しかし、キャンバスを表示するときは、(350,300) の寸法に収まるようにキャンバスのサイズを変更したいと考えています。オリジナルの半分。しかし、これらの寸法を直接適用し、幅 setWidth() と setHeight() をロードすると、元の比率でロードされます。
私が望むのは、キャンバスを新しい次元で表示することだけです。
ライブラリー fabric.js を使用している場合、それだけでは不十分です。
「canvas」が fabric.js インスタンス オブジェクトであることを考慮して、歪みアーティファクトを回避するためにこれを行う必要があります。
canvas.setWidth( <desired width> );
canvas.setHeight( <desired height> );
canvas.calcOffset();
以前にここで回答しました。
あなたが何をしようとしているのかわかりませんが、
var canvas = document.getElementsByTagName('canvas')[0];
canvas.width = 800;
canvas.height = 600;
正常に動作するはずです。