0
点赞
收藏
分享

微信扫一扫

9个JavaScript图像处理库,收藏好留备用

扒皮狼 2022-02-20 阅读 63

9个JavaScript图像处理库,收藏好留备用_javascript

1:pica

一个在浏览器中调整图像大小,而不会出现像素失真,处理速度非常快的图片处理库

此插件可帮助你减小大图像的上传文件大小,从而节省上传时间。使你可以在浏览器中调整图像大小,而不会出现像素化并且相当快。它会从网络工作者,网络程序集,createImageBitmap和纯JS中自动选择最佳的可用技术。

Demo:​​​​http://nodeca.github.io/pica/demo/​​​​

Github:​​​​https://github.com/nodeca/pica​​​​


9个JavaScript图像处理库,收藏好留备用_javascript_02


2:html2canvas

一个强大的使用js开发的浏览器网页截图工具

html2canvas 使你可以直接在用户浏览器上截取网页或部分网页的“屏幕快照”。屏幕截图基于DOM,因此可能无法真实表示100%的准确度,因为它无法生成实际的屏幕截图,而是根据页面上可用的信息来构建屏幕截图。

Demo:​​​​http://html2canvas.hertzen.com/​​​​

Github:​​​​https://github.com/niklasvh/html2canvas​​​​

star:23.4k


9个JavaScript图像处理库,收藏好留备用_html_03


3:Lena.js

一个轻量级的可以给你图像加各种滤镜的js库

Lena.js是一个用于图像处理的微型库。它允许你将一些基本的图像过滤器应用于文档中的图像。你可以从项目中包含Lena.js的本地副本, 也可以使用CDN或本地副本:

Demo:​​​​https://fellipe.com/demos/lena-js/​​​​

Github:​​​​https://github.com/davidsonfellipe/lena.js​​​​


9个JavaScript图像处理库,收藏好留备用_js_04


4:Compressor.js

一个使用本地canvas.toBlob API进行图像有损压缩的js库

这是一个简单的JS图像压缩器,它使用浏览器的本机canvas.toBlob API来处理图像压缩。这使你可以将其压缩输出,质量设置为0到1。

Demo:​​​​https://fengyuanchen.github.io/compressorjs/​​​​

Github:​​​​https://github.com/fengyuanchen/compressorjs​​​​

9个JavaScript图像处理库,收藏好留备用_javascript_05


5:cropperjs

一款强大的图片裁切库, 支持灵活的图片裁切方式

该插件是一个简单的JavaScript图像裁剪器,可让你在交互式环境中裁剪,旋转,缩放和缩放图像。它还允许设置纵横比。

Demo:​​​​https://fengyuanchen.github.io/cropperjs/​​​​

Github:​​​​https://github.com/fengyuanchen/cropperjs​​​​

star:9.3k

9个JavaScript图像处理库,收藏好留备用_web_06


6:merge-images

一个将多张图片合并成一张图的js插件,该库可以帮助你轻松地将图像合成在一起,而不会弄乱画布。

Github:​​​​https://github.com/lukechilds/merge-images​​​​

star:1.2k


9个JavaScript图像处理库,收藏好留备用_html_07


7:Grade

Grade 是一个 JavaScript 库,作用是从图像中提取前2个主要颜色产生互补的渐变。

Demo:​​​​https://benhowdle89.github.io/grade/​​​​

Github:​​​​https://github.com/benhowdle89/grade​​​​

star:3.6k


9个JavaScript图像处理库,收藏好留备用_html5_08


8:Fabric.js

Fabric.js 是一个在服务器端运行的 ​​Node.js​​ 扩展模块,用于在Web上绘制各种图形的 JS 库。

Demo:​​​​http://fabricjs.com/​​​​

Github:​​​​https://github.com/fabricjs/fabric.js​​​​

star:18.7k

9个JavaScript图像处理库,收藏好留备用_js_09


9:dom-to-image

一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库

官网:​​​​https://www.marvinj.org/en/index.html​​​​

Github:​​​​https://github.com/gabrielarchanjo/marvinj​​​​

9个JavaScript图像处理库,收藏好留备用_js_10


举报

相关推荐

0 条评论