现在随着网络技术的不断发展,信息传递发方式和媒介也在不停的发生着变化。一图胜千言更是在人们口中常常说到。
说到作图想必使用node的大家应该都知道jimp吧,但不知道真正项目中用的人多不多?
根据网上的资料node处理图像的模块很多,我用过的就有几个。之前用的只是调整图片尺寸,添加水印什么的,并不能绘制图片内容。
后来了解到gm
和jimp
模块这两个模块都很好,但是又用着都不是很顺手。
先说说gm吧,好好的node模块,却需要安装其他软件(ImageMagick)支持,这个安装软件给我感觉就怪怪的,再说jimp本来编程就是批量化提高效率的,但是jimp的效率却令我担忧不已。
var jimp=require("jimp")
var url="https://www.ic365club.com/article/coverImg/CI214t09ya08.png"
var fonturl="../../node_modules/jimp/fonts/open-sans/open-sans-64-black/open-sans-64-black.fnt" // 特别注意,他对字体的格式是又要求的,fnt的后缀才可以,而且他完全是靠字体来条件字体大小的,就连字体颜色都是靠选字体来设置,当然可以考jimp.color来做多次变化,可是也太不人性化了啊
// 到绘制文字这里我基本上放弃jimp了
// var fonturl="font.fnt"
async function main(){
var logoimg=await jimp.read("img.jpg")
var myfont=await jimp.loadFont(fonturl)
await jimp.read(url,(err,img)=>{// 首先读取图片,然后就可以链式操作了,可以直接读取网上的图片
if(err) throw err;
img.resize(1000,jimp.AUTO) // 改变尺寸,调整图形大小有contain压缩,cover裁剪。resize可以传入自动值,scale缩放(xy一起缩放),scaleToFit缩放xy单独缩放
// .crop() // 裁剪autocrop自动适应裁剪,crop,传递xy和wh裁剪
.blit(logoimg,100,100)
// .opacity(0.3) // 设置从0-1的不透明度 和fade相当于是反着的,这个是1不透明,fade是0不透明
// .fade(0.7) // 设置从0-1的不透明度
// .pixelate(500) // 像素化
.print(myfont, 50, 100, {
text: 'Hello world!',
// alignmentX: jimp.HORIZONTAL_ALIGN_CENTER,
// alignmentY: jimp.VERTICAL_ALIGN_MIDDLE
},600,100) // 写入文字
.quality(10) // set JPEG quality设置jpeg的图片质量
// .greyscale() // 变成灰度图
// .color([ // 颜色调整里面可以调整很多关于颜色的,类似ps调色功能
// {apply:"desaturate",params:[80]} // 值越高饱和度越低
// ])
.rotate(40) // 旋转90度
.write('lena-small-bw2.png'); // 保存图片
})
}
main()
两个模块功能都挺好的,但是用着又都不顺心。与其如此不如直接一步到位node把需要处理的信息提交给python来执行,python处理图像的能力想必大家都知道的吧。这样既提高效率,用着又舒服,还锻炼了边缘计算的思维。
美哉美哉!!
文章首发:www.ic365club.com
ic365club旨在共同学习,共同进步