使用自定义矩形JQuery的canvas裁剪图片

时间:2012-01-31 20:06:28

标签: javascript jquery html5 jquery-plugins html5-canvas

我在图像内部有一个Canvas元素(画布具有相同的图像尺寸),我想使用选择矩形裁剪此图像!对于我的项目,我使用javascript的框架JQuery,我正在搜索在画布上实现自定义选择矩形的插件! 任何人都知道这样做的一个插件(我创建了很多插件来实现这个功能,但仅限于元素)? 如果不是,在Canvas元素上实现自定义矩形的方法是什么?

我希望你的回答!

2 个答案:

答案 0 :(得分:1)

您是否尝试使用Fabric.js在Canvas上生成矩形?

答案 1 :(得分:1)

通常,绘制到画布上的所有内容都会自动更改画布内容。如果要使用鼠标绘制矩形而不破坏底层画布,通常的方法是在原始画布上添加一个附加(临时)画布。新画布具有透明背景,因此底层画布完全可见。

现在,您可以在临时画布上绘制矩形(其尺寸与原始尺寸相同),并存储选区的坐标以将裁剪过程应用于原始画布。

请在此处查看我的示例:http://jsbin.com/apitak/4