nodejs操作图片方法

最近项目中用到nodejs做图片服务器,用户上传图片生成缩略图返回地址一系列操作。

原来一直用.net平台,所有都封装好了生成缩略图这种分分钟就解决了,遂度娘一番全是调用imagemagick和graphicsmagick,然后按照教程一步一步

1、npm install imagemagick

2、代码里调用imageMagick("img.png").resize(300, 100).autoOrient().write('/path', callback);

纳尼,resize错误,调试了半天还是不行。

打开ImageMagick-6.8.8-8-Q16-x86-windows文件夹看到好多的exe,可双击怎么都是“不是有效的win32程序”,习惯了windows操作方式,果断理解不了啊。

想在用cmd命令行应该能调用吧(学习nodejs和git正好有了那么点命令行概念),找到convert.exe路径

c:/ImageMagick/convert -resize 100 a.jpeg b.jpeg果然功夫不负有心人。

接下来在程序里调用这个命令行吧,傻人傻办法直接把ImageMagick-6.8.8-8-Q16-x86-windows文件夹加入到项目中,修改下路径,跑起。

哈哈,缩略图进来了。又一想能不能把convert.exe拷贝出来单独用呢,ImageMagick-6.8.8-8-Q16-x86-windows整个155M呢,伤不起的啊。结果拉出来竟然不能用,算了就先将就着用吧。

大大们是否有更好一点的解决方案或者轻量级的image类求赐教啊

转载于:https://www.cnblogs.com/qyzBlog/p/3621086.html

基于Javascript的bitmap处理,并且将位图输出为base64编码以便于浏览进行显示。   一、Bitmap.create(width, height, bgcolor)     创建一个width x height像素大小的位图,底色为bgcolor所代表的颜色。     如:bitmap.create(10, 10, 0xff0000); // 创建一个10 x 10像素的底色为红色的位图 二、Bitmap.toBase64()     将位图输出为base64编码的带datauri头(data:image/bmp;base64,)的字符串,以便于在浏览里显示。     如:document.getElementById('img1').src = bitmap.toBase64(); 三、Bitmap.fromBase64()     自图像的BASE64编码中恢复位图数据,目前只支持24位色的BMP位图数据。     如:bitmap.fromBase64('Qk06AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=='); 四、Bitmap.setBitmapBytes(val, idx, length)     修改bitmap位图数据的第idx位置起的length字节为val值。 五、Bitmap.getBitmapBytes(idx, length)     获取bitmap位图数据的第idx位置起的length个字节的值,返回值为数组。 六、Bitmap.setHeaderValue(attribute, headerValue)     设置attribute头属性的值为headerValue,attribute必须为BitMapFormat的成员属性,需要提供offset、length等属性值。     如:bitmap.setHeaderValue(BitmapFormat.biWidth, 500); // 设置位图的宽度为500像素值 七、Bitmap.getHeaderValue(attribute)     获取位图attribute头属性的值,attribute必须为BitmapFormat的成员属性,需要提供offset、length等属性值,返回的是经过Endian转换后的实际整数值。 八、Bitmap.setPixel(x, y, color)     设置位图的(x, y)位置的像素值为color。 九、Bitmap.getPixel(x, y)     获取位图的(x, y)位置的RGB值,返回的内容为[ rr, gg, bb ]的数组内容 标签:jsBitmap
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值