实用的开源Javascript库，推荐的10个图片处理库_0

简介对于很多人来说，使用Javascript处理图片并不是一件很简单的事情。幸运的是，我们可以使用第三方库来实现我们想要的功能，本文将介绍有哪些Javascript图像处理库可供我们选择使用！以下排名不分先后1.Pica这个插件可以减少大图片的上传大小，从而节省上传时间。它可以在浏览器中调整图像大小而不会像素化，而且速度相当快。它会自动从web-workers、webassembly、createImageBitmap和纯JS中选择最佳可用技术。减少大图片的上传大小，节省上传时间；节省图像处理的服务器资源；在浏览器中生成缩略图；https://github.com/nodeca/picastars:2k2。Lena.js这是一个包含带有22个过滤器的图像处理库的包https://github.com/davidsonfellipe/lena.jsstars:3423。Compressor.js这是一个简单的JS图像压缩器，它使用浏览器的本机canvas.toBlobAPI来处理图像压缩。压缩输出质量可以设置从0到1。https://github.com/fengyuanchen/compressorjsstars:2.1k4。Fabric.jsFabric.js允许使用JavaScript在网页上的HTML元素上轻松创建简单的形状，例如矩形、圆形、三角形和其他多边形，或者由许多路径组成的更复杂的形状。Fabric.js将允许使用鼠标来操纵这些对象的大小、位置和旋转。还可以使用Fabric.js库更改这些对象的某些属性，例如颜色、透明度、网页上的深度位置，或选择这些对象的组。Fabric.js还允许将SVG图像转换为JavaScript数据，这可用于将它们放入元素中。https://github.com/fabricjs/fabric.js星数：15.7k5。Blurify用于模糊图像，并支持从css模式到canvas模式的优雅降级。插件工作在三种模式下：css：使用filter属性canvas：使用canvas导出base64auto：css模式优先，否则自动切换到canvas模式只需要将image，blur值和mode传给函数，即可获得简单有效的模糊图像https://github.com/JustClear/blurifystars:6106。合并图像这个库可以很容易地将图像合并在一起。有时，使用画布可能有点繁琐，特别是如果您只需要画布上下文来处理相对简单的事情，例如将一些图像合并在一起。merge-images将所有重复性任务抽象为一个简单的函数调用。图像可以相互重叠并重新定位。该函数返回一个解析为base64数据URI的Promise。支持浏览器和Node.js。https://github.com/lukechilds/merge-imagesstars:9937。Cropper.js这个插件是一个简单的JavaScript图像裁剪器，可以在视觉环境中裁剪、旋转、缩放和缩放图像。它还允许设置纵横比。https://github.com/fengyuanchen/cropperjsstars:7.3k8.CamanJS是一个Javascript画布操作库。它结合了易于使用的界面和先进、高效的图像/画布编辑技术。它可以很容易地通过新的过滤器和插件进行扩展，并且它具有范围广泛且不断发展的图像编辑功能。它完全独立于库，可在NodeJS和浏览器中运行。可以选择一组预设过滤器或手动更改属性（例如亮度、对比度、饱和度）以获得所需的输出。https://github.com/meltingice/CamanJS/stars:3.3k9。MarvinJMarvinJ是一个纯JavaScript图像处理框架，源自MarvinFramework。MarvinJ简单而强大，适用于许多不同的图像处理应用程序。Marvin提供了许多算法来操纵颜色和外观。Marvin还具有自动检测功能。使用边缘、角和形状等基本图像特征的能力是图像处理的基础。该插件有助于检测和分析物体的角点，以确定场景中主要物体的位置。因此，可以自动裁剪对象。https://github.com/gabrielarchanjo/marvinjstars:12410.Grade这个JS库根据提供的图像中的前2种主要颜色生成互补渐变。这允许网站使用从图像派生的匹配渐变填充div。这是一个易于使用的插件，可帮助您保持网站的美观。