html - HTML5 キャンバス 画像のドラッグ、ドロップ、およびサイズ変更

Question

画像のサイズを変更するために、私のサイトhttp://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/でこの例を使用しています。しかし問題は、画像が比例してサイズ変更されていないことです。

例- width=200; 高さ=138; 幅を 202 に変更すると、高さが比例して変化しますが、比例変化では機能しません

ありがとうございます

Answer 1

ここでうまく動作します。ブラウザのバージョンによって異なります。キャンバスの領域は常に画像サイズよりも大きくする必要があります。これにより、キャンバス内で画像が引き伸ばされます。そうしないと、画像が消えてしまいます。また、関数内の値を変更する場所によっても異なります。