html5-canvas - 如何在 HTML5 画布元素的情况下使用 jcrop 插件

Question

我是这个画布的新手。最近在我的项目中，当用户在服务器上上传图像时，图像正在画布元素上动态预览。现在我想裁剪它的一部分。我使用了 jcrop 插件，但没有知道如何获得裁剪区域。任何关于 jcrop 使用的小帮助也表示赞赏。

提前致谢

score 3 · Accepted Answer

如果你使用 jcrop，你就不必关心画布的东西。

只需创建这样的图像

<img src="myimage.jpg" id="cropbox" />

jcrop 将完成剩下的工作。像这样使用它（并添加您需要的选项）：

$('#cropbox').Jcrop();

官方网站上的选项和教程的完整列表：http: //deepliquid.com/projects/Jcrop/demos.php

编辑：

如果你有一个要裁剪的画布，那么你不应该使用 JCrop 但是这个：

drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)

drawImage 参数说明

参数 Image 可以是画布对象。然后，要将画布提取到图像，请使用 toDataURL 函数。

score 0 · Accepted Answer

0

于 2012-05-28T12:06:53.800 回答

2 回答 2