キャンバス - 画像のサイズを変更して別の画像にコピーする

Question

jQueryプラグインや画像のサイズを変更できるコードがありますか？それを別の画像（キャンバス）にコピーしますか？ アイデア：： ピクチャ＃2は

EDITある多分-moz-transform: scale(sx, sy)/-webkit-transform: scale(sx, sy)を利用しますか？ またはこのResizing an image in an HTML5 canvas

Answer 1

あなたは簡単に別のキャンバスにイメージやキャンバスをコピーして、サイズ変更、および-ことができます。

context.drawImage(image, dx, dy, dw, dh)は、描画するときに描画する任意のイメージ（またはキャンバス）のサイズを変更できます。

100x100イメージを50x50または200x200として描画できます。

元画像の一部だけを描画したい場合は、さらにcontext.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)があります。

あなたは、描画された画像はサイズ変更可能と移動できるようにしたいですか？これは全体的なもので、ワームの可能性がありますが、そのような機能はキャンバスに組み込まれていないため、作成する必要があります。私はresizable, movable objects in the canvasを取得するための小さなチュートリアルを書いています。これは良いスタート地点です。