node 图片压缩采坑小记.md

原创 2018年04月16日 14:00:48

前言

由于有需要在electron平台上做图片压缩,系统要求为win8.1和macOS,因此有了这篇文章。对于macOS各种库基本没问题,本文主要讲的是window下electron相关的native module的安装过程,包括其中碰到的问题。

使用平台

  • node 6.7.3
  • electron 1.6.6
  • mac os 12.13.6、 win8.1

第三方库

node-images (windows未成功)

直接下载npm install images, 库会根据不同的node平台下载编译好的.node文件,但是由于我是希望在electron平台下使用,因此需要自己重新编译,最后一步node-gyp rebuild --runtime=electron --target_arch=ia32 --target=1.6.6 --disturl=https://atom.io/download/atom-shell,编译为electron能使用的包

  $ git clone https://github.com/zhangyuanwei/node-images
  $ cd node-images
  $ git submodule init
  $ git submodule update
  $ cd gyp
  $ sh third-party.sh
  $ cd ..
  $ npm install
  $ node-gyp rebuild

碰到问题:
- giflib, 'not found unistd.h'
解决办法: 删除unistd.h,windows下不需要引入这个h头文件

  • 后续又报了一个c++的错,看起来像是libjpeg-turbo第三方库, 但是这些库作者自己引入的并做了修改,排查后没找到好的解决方法,window平台重新编译都没通过,看了代码 和node-canvas类似,引入的库文件也是libjpeg-turbo、png等图形库

node-canvas

1.x 版本不支持jpeg转换 lib需要换到2.0版本
因为需要重新打包为32位的electron版本,对应库文件需要安装32位的,libjpeg-turbo、GTK,否则重新编译node文件的时候就会报错

安装过程:

  • choco install -y python2 gtk-runtime microsoft-build-tools libjpeg-turbo (may require sudo/Administrator).
  • You will need the cairo library which is bundled in GTK. Download the GTK 2 bundle for Win32 or Win64. Unzip the contents in C:\GTK.
  • npm install canvas or yarn add node-canvas.
  • node-gyp rebuild --runtime=electron --target_arch=ia32 --target=1.2.6 --disturl=https://atom.io/download/atom-shell

碰到问题:

  • canvas[method] is not function
    因为1.x版本不支持jpeg转换。libjpeg-turbo没有被链接到node文件中 issue770
    解决方法:切换到2.x版本
  • the specified module could not be found
    因为缺少一些dll文件, 在我自己的window电脑上很好用,结果换了一台电脑,提示上述的错误
    解决方法: 使用depends.exe,将node文件放进去,看两者之间缺少那些dll,然后找32位的dll放到node文件中

  • %1 is not a valid Win32 application
    因为引用了一些不兼容的dll库文件

  • node-canvas 如何输出流?
  let buffers = [];
  canvas.createJPEGStream({
    quality: 80,
  }).on('data', function(data) {
    console.log('rcvd', data.length); // <-- this always prints 4096, even for the last buffer!
    buffers.push(data);
  }).on('end', function() {
    // fs.writeFileSync(path.join(app.getPath('userData'), './out.jpeg'), Buffer.concat(buffers));
    uploadPic(Buffer.concat(buffers));
  }).on('error', function(err) {
    console.log(err);
  });
  • windows 提示out of memory。
    一度放弃….后来发现可能是因为大图片electron同时显示和操作的原因。

    解决方法:把源文件输入到一个压缩后的文件,显示的时候显示压缩文件,传输的时候传输源文件

  • 加了队列之后 重发的情况,大图不显示出来了???

    解决方法:先显示出来,再进队列

  • 打包前是好的,打包后图片压缩有问题

    解决方法:将node-canvas库文件放到外部,拷贝进去,不打包到app.asar中

跳过Java开发的各种坑第一季

带你快速跳过java开发中的各种坑,编写出高品质的代码
  • 2017年05月05日 17:18

Atitit js nodejs 图像处理压缩缩放算法 attilax总结

Atitit js  nodejs 图像处理压缩缩放算法 attilax总结   1.1. 项目背景,图片体积太大。需要压缩 1 1.2. 语言选项,使用Js  使用gm模块 1 2. Gra...
  • attilax
  • attilax
  • 2017-02-01 19:46:17
  • 1196

node 监听md文件变化并转换成html

监听md文件是否变化,变化了就读取md文件,并使用库转换成HTML; 监听: fs.watchFile(filename, (cur ,pre) =< {}) 读取: fs.readFile; 监听是...
  • L_YNAN
  • L_YNAN
  • 2017-12-07 11:22:16
  • 161

nodeJS压缩图片/JS/CSS

转:利用node压缩、合并js,css,图片 1.安装nodejs http://nodejs.org/ 2.安装各自的node package js我用的是U...
  • Bennes
  • Bennes
  • 2015-10-09 09:04:20
  • 1461

设计了一个可用的Node.js文件服务器.md

最近跟着自己家人学了Node.js和PHP,觉得服务器技术简单实用很好玩。 文件服务器如果纯用C/C++写的话真心很麻烦,用Node.js实现难度陡降...
  • dalerkd
  • dalerkd
  • 2017-08-16 20:45:30
  • 152

基于nodejs的一个实时markdown转html工具小程序

1.版本一 - 1.1`npm install marked --save` 安装markdwon转html的包. - 1.2 使用watchFile监视 markdown文件 const fs ...
  • sunnylinner
  • sunnylinner
  • 2016-11-21 15:02:51
  • 2141

flink快速入门及采坑记录

apache flink作为第四代mapreduce计算框架,已经得到越来越多的应用,这里介绍如何快速入门,以及记录一个内存错误的问题。1、安装jdk2、下载flink,并解压。wget https:...
  • feinifi
  • feinifi
  • 2017-12-06 18:51:33
  • 1621

redhat7安装oracle11gR2之动手安装

oracle11gR2 64位数据库下载地址:http://www.oracle.com/technetwork/database/enterprise-edition/downloads/11201...
  • feinifi
  • feinifi
  • 2017-12-04 22:32:59
  • 376

Android studio NDK 开发(一些坑)

NDK开发中遇到的一些小问题
  • csd_meb
  • csd_meb
  • 2017-05-18 10:15:55
  • 159

vue踩坑不完全指北(1)

1.Vuejs组件 vuejs构建组件使用 Vue.component('componentName',{ /*component*/ }); 这里注意一点,组件要先注册再使用,也就是说: Vue...
  • chern1992
  • chern1992
  • 2017-06-10 16:01:53
  • 1032
收藏助手
不良信息举报
您举报文章:node 图片压缩采坑小记.md
举报原因:
原因补充:

(最多只允许输入30个字)