畫布 - 圖像調整大小並複製到另一個

Question

是否有一個jQuery插件或代碼，我可以調整圖像（或畫布（與此圖像）），並將其複製到另一個圖像（或畫布）？ 圖片＃2是

編輯： 想法：也許可以使用-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的小教程，這是一個很好的開始。