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

2023-12-27

是否有 jQuery 插件或代码可以用来调整图像(或画布(带有此图像))的大小并将其复制到另一个图像(或画布)中? 图片#2 是

编辑: 想法:也许可以利用-moz-transform: scale(sx, sy)/-webkit-transform: scale(sx, sy)? 或这个调整 HTML5 画布中图像的大小 https://stackoverflow.com/questions/2303690/resizing-an-image-in-an-html5-canvas


您可以轻松调整图像或画布的大小并将其复制到另一个画布中。

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

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

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

您希望绘制的图像可调整大小且可移动吗?这完全是另一种蠕虫病毒,这样的功能根本没有内置在画布中,这意味着你必须自己制作它。我写了一个关于获取的小教程画布中可调整大小、可移动的对象 http://simonsarris.com/blog/225-canvas-selecting-resizing-shape,这是一个很好的起点。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

画布 - 调整图像大小并复制到另一个图像中 的相关文章

随机推荐