没有 Canvas 可以裁剪 Javascript 图像吗？

Question

网上有很多用于 Javascript 图像裁剪/调整大小的脚本和插件。 Some使用 HTML5 canvas 裁剪特定区域并将图像通过 DataUrl 存储回客户端。但是没有 Canvas 我测试了 jrac jquery插件，但它最后只提供裁剪坐标(x，y，宽度，高度)。从未调用图像上的实际裁剪函数。

我实际上如何在 Javascript 图像对象上使用这些裁剪坐标？我可以只使用 CSS 来显示被裁剪的图像，还是我可以实际从该图像中裁剪数据到 Javascript 中的新图像中？

在我看来，所有图像裁剪插件都只提供了一个方便的 UI 来获取裁剪坐标，但实际的裁剪/调整大小必须在服务器端完成，并将图像发送到 php 脚本，对吗？

我的问题和这个一样one , 尚未得到答复。

Answer 1

在 javascript 中一切皆有可能(几乎一切皆有可能)

要裁剪图像，您需要避开 DOM 和内置图像处理 API，并自行解码图像。涉及很多额外的工作，但那里有一些帮助。在 github 上快速搜索找到了 jpg 和 png 格式的解码器/编码器 Image decoders (我相信还有很多关于)所以通过一些工作你应该能够修改它们来做一些裁剪。