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

Question

是否有一个jQuery插件或代码,我可以用它来调整图像(或画布(使用此图像))并将其复制到另一个图像(或画布)？图片#2是一个

编辑:想法:也许利用-moz-transform: scale(sx, sy)/ -webkit-transform: scale(sx, sy)？或者这在HTML5画布中调整图像大小

Answer 1

您可以轻松地将图像或画布大小复制并复制到另一个画布中.

context.drawImage(image, dx, dy, dw, dh) 允许您在绘制时调整要绘制的任何图像(或画布)的大小.

您可以将100x100图像绘制为50x50或200x200.

此外,context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)如果您只想绘制原始图像的一部分.

您希望绘制的图像可调整大小并可移动吗？这是一个整体'其他蠕虫,这样的功能至少没有内置到画布,这意味着你必须做到这一点.我写了一个关于在画布中获取可调整大小的可移动对象的小教程,这是一个很好的起点.