putImageData（）は、1：1ではなく、希望の画像の拡大縮小バージョンをキャンバスに描画します。

Question

ここに表示されます：ユーザは、カラー、フリーハンド、および線分ボタンを使用して画像を描画します。 'edge-detect'ボタンは赤い枠のついたキャンバスをオリジナルに投げます。新しいキャンバスは元の画像を赤とアルファチャンネルのコンポーネントだけでオーバーレイすることになっています。それだけで、縮尺が歪んでいます。ここ

サイトです

py.laymanindustries.com/ajaxthepicture.html

同じページのソースコード

Answer 1

ネヴァーマインド、I含まキャンバス、幅/高さ指定、および表示を切り替えます「なし」から「インライン」まで。私はキャンバスを生成するためにjQueryを使用していましたが、キャンバスを適切に定義することを怠っていたに違いありません。