行将开播：5月14日，Jenkins在K8S下的三种部署流程和实战演示

引见

关于很多人来说，运用Javascript来处置图像不是一件十分复杂的事情，幸运的是我们可以借助第三方的库来完成我们想要的功用，本篇文章就引见一有哪些Javascript图片处置库可供我们选择和运用！以下排名不分先后

1. Pica

此插件可减小大图像的上传大小，从而节省上传时间。它可以在阅读器中调整图像大小，而不会出现像素化现象并且相当快。它会从web-workers, web assembly, createImageBitmap and 纯JS自动选择最佳的可用技术。

减小大图像的上传大小，节省上传时间；

在图像处置上节省效劳器资源；

在阅读器中生成缩略图；

https://github.com/nodeca/pica stars:2k

2. Lena.js

这是一个包含22个滤镜的图像处置库

https://github.com/davidsonfellipe/lena.js stars:342

3. Compressor.js

这是一个复杂的JS图像紧缩器，它运用阅读器的本机canvas.toBlob API来处置图像紧缩。可以将紧缩输入质量设置为0到1。

https://github.com/fengyuanchen/compressorjs stars:2.1k

4. Fabric.js

Fabric.js允许运用JavaScript在网页上的HTML <canvas>元素上轻松创立复杂的外形，例如矩形，圆形，三角形和其他多边形，或许由许多途径组成的更复杂的外形。然后，Fabric.js将允许运用鼠标来操纵这些对象的大小，位置和旋转。还可以运用Fabric.js库更改这些对象的某些属性，例如颜色，透明度，网页上的深度位置，或选择这些对象的组。Fabric.js还允许将SVG图像转换为JavaScript数据，该数据可用于将其放入<canvas>元素。

https://github.com/fabricjs/fabric.js stars:15.7k

5. Blurify

用于模糊图片，并具有从css形式到canvas形式的优雅升级支持。该插件在三种形式下任务：

css: 运用filter属性

canvas: 运用canvas导出base64

auto: css形式优先, 否则自动切换到canvas形式

只需求将图像，模糊值和形式传递给函数，即可取得复杂有效的模糊图像

https://github.com/JustClear/blurify stars:610

6. Merge Images

该库使可以轻松地将图像分解在一同。有时，运用画布能够会有些繁琐，特别是假设你只需求画布上下文来做相对复杂的事情（例如将一些图像兼并在一同）时。merge-images将一切重复性义务笼统为一个复杂的函数调用。图像可以彼此堆叠并重新放置。该函数前往一个Promise，该Promise解析为base64数据URI。同时支持阅读器和Node.js。

https://github.com/lukechilds/merge-images stars:993

7. Cropper.js

该插件是一个复杂的JavaScript图像裁剪器，可在可视化环境中裁剪，旋转，缩放和缩放图像。它还允许设置纵横比。

(责任编辑：admin)