【发布时间】:2012-10-31 14:45:45
【问题描述】:
我正在使用 HTML5 画布和 JS 创建一个绘图应用程序。我允许用户上传图片并使用context.drawImage(); 在画布上绘制它。但是当我尝试编辑图片时,我失败了。如果我想使用鼠标(键盘或其他任何东西)在画布上拖动和缩放图片,该怎么办?
【问题讨论】:
我正在使用 HTML5 画布和 JS 创建一个绘图应用程序。我允许用户上传图片并使用context.drawImage(); 在画布上绘制它。但是当我尝试编辑图片时,我失败了。如果我想使用鼠标(键盘或其他任何东西)在画布上拖动和缩放图片,该怎么办?
【问题讨论】:
为此,您可以使用 http://fabricjs.com/ (fabric.js) 来对 HTML5 的 canvas 元素上的图像进行移动、缩放、调整大小、转置等。这个 javascript 库为您提供全面支持,适用于大多数现代浏览器。只需通过它,您就可以完成所有提到的活动。干杯。
【讨论】: