类似于 Imagemagick 的 JavaScript 库(即调整图像和图片的大小,同时最大化图片保真度)?

发布于 2024-10-22 06:07:30 字数 270 浏览 1 评论 0原文

我们想模拟 Imagemagick 功能,但仅限于 Javascript。有图书馆存在吗?

具体来说,目标是显示图像的缩略图,而不会将缩略图扭曲到与原始图像几乎不相似的程度。通过 CSS 简单调整大小时经常会发生这种情况。

一种方法是使用 Imagemagick 在服务器上调整图像大小。

问题是,如果我们不想存储缩略图(因为原件是从不提供缩略图的第三方加载的),我们可以用Javascript库模拟Imagemagick的自然且高保真的调整大小功能吗?

谢谢!

We would like to simulate Imagemagick functionality, but only in Javascript. Do any libraries exist?

Specifically, the goal is to display thumbnails of images without distorting the thumbnail to the point where it is hardly resembles the original. This often happens with simple resizing via CSS.

One approach is to resize images on the server with Imagemagick.

The question is, if we don't want to store the thumbnails (because the originals are loaded from a third party which doesn't supply thumbnails), can we simulate Imagemagick's natural and high-fidelity resizing functionality with a Javascript library?

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

走过海棠暮 2024-10-29 06:07:30

3 年后我偶然发现了这个问题;)

有趣的事实是 imagemagick 本身存在于 javascript 中。
但 google (page1) 和 github 不知何故找不到它。
Github 失败是因为主项目(有用的 emscripten ports)

UNIX 工具箱.js

仅由模块组成...

这是带有自述文件的主要项目:
github : manuels/unix-toolbox.js

git clone ... --recursive

和特定模块:
github:manuels/unix-toolbox.js-imagemagick

3 years later I stumbled upon this question ;)

The fun fact is that imagemagick itself exists in javascript.
But google (page1) and github somehow do not find it.
Github fails because the main project (useful emscripten ports)

UNIX toolbox.js

just consists of the modules ...

Here is the main project with readme:
github : manuels/unix-toolbox.js

git clone ... --recursive

and the particular module :
github : manuels/unix-toolbox.js-imagemagick

烟织青萝梦 2024-10-29 06:07:30

您可以尝试 Processing.js 库。另一方面,您可以将 ImageMagick 调整大小功能移植到 HTML5/Canvas + Javascript 技术。

祝你好运 !

You can try Processing.js library. On the other hand you can port ImageMagick resize functionality to HTML5/Canvas + Javascript technology.

good luck !

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文