如何制作图片裁剪器（仅限客户端）？

Question

如何制作照片裁剪器？只有普通的JS！

Answer 1

你只想要简单的香草JS，但仍然：有一个基于Prototype / Scriptaculous的裁剪器可用：

http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

然而，显然，使用PHP完成图像文件的实际裁剪。我不认为在Javascript中有任何方法可以做到这一点。无论如何，没有理智的方式。 ：）

Answer 2

使用this！

纯JavaScript图像裁剪组件

• 易于使用，无需特殊标记（跳至说明书）。
• ZERO依赖项。不需要jQuery或任何其他框架，但可以很好地使用它们。
• 与所有主流浏览器兼容，包括Internet Explorer 7！
• 可配置的宽高比，最小和最大尺寸等
• 占地面积小（缩小时仅约8.1 KB）。

说明

1. 包含JS和CSS文件：

2. 将图片添加到HTML文档中。绝对不需要其他HTML标记：

3. 初始化Cropper，你很高兴去！

   document.getElementById（＆＃39; image＆＃39;）。onload = function（）{     新的Cropper（这，{         //选项     }）; }

Answer 3

此工具可以制作裁剪图像：http://www.pixastic.com/。它是开源的，可下载的，所以你可以从中获得灵感。