Javascript 可以在没有 canvas 的情况下裁剪图像吗?

Javascript image crop possible without canvas?

网上有很多 Javascript 图片 crop/resize 的脚本和插件。 Some using the HTML5 canvas to crop a certain area and storing the image back to the client via DataUrl. But without canvas I tested the jrac jquery 插件,但是最后只提供裁剪坐标(x,y,width,height)。从未调用过图像上的实际裁剪功能。

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

在我看来,所有图像裁剪插件都只提供一个方便的 UI 来获取裁剪坐标,但实际的 crop/resize 必须在服务器端完成,图像被发送到 php 脚本,正确吗?

我的问题和这个one一样,还没有得到解答

您要的是一个库,用于将图像数据读取到二维像素阵列(或在 canvas 的情况下是一维像素阵列),裁剪像素,然后将其写回压缩图像数据。

很抱歉,那个图书馆是 canvas。当然,您可以使用 css 来伪造它,但所有图像数据仍然存在,您只是选择只显示其中的一部分。

你可以试试下面的,但是它使用 Canvas 渲染,

到目前为止,没有 canvas 就没有好的库可用,因为如果没有显卡,很难捕获您选择的点并处理成千上万的像素,

Canvas只有使用显卡的功能

intel 和 firefox 正在做一些关于此的概念以在 javascript

中引入并行处理

https://github.com/fengyuanchen/cropper/

javascript一切皆有可能(好吧几乎一切)

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