画布 - 图像调整大小并复制到另一个

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的小教程，这是一个很好的起点。