2012-01-31 115 views
0

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

我希望能在你的答案!

回答

1

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

+0

没有,但现在我尝试我认为这可能是个好主意! – JBerta93 2012-02-01 16:43:08

1

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

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

请在这里看到我的例子:http://jsbin.com/apitak/4