Windows 下成功安装node-canvas
发布于 7 年前 作者 j4cnodejs 28093 次浏览 最后一次编辑是 3 年前

最近项目需要用到 node-canvas 这个图形模块, 但是在Windows下其安装颇费周折, 经过一天试探,终于搞定了, 下面分享给大家:

1.先安装 Python; 通过Python 官网 http://www.python.org/getit/ 下载并安装最新版本. 然后将Python 的安装目录(如: C:\Program Files\Python) 添加到PATH环境变量中;

2.安装node-gyp 或将 npm 升级到内含 node-gyp 的版本 (nodejs v0.6.13以上的 npm 已内置了node-gyp, 则此步可以略过);

3.再安装 Visual C++ 2010 Express; 因为需要用到其中的MSBuild 用以编译 cairo 类库到本地代码; 微软官方获取: http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-cpp-express (VC++下载和安装的过程很漫长,需要耐心等待);

4.还要下载包含 cairo 图形处理库的GTK包: http://cairographics.org/download/ , 选gtk±bundle_2.24.10-20120208_win32 或最新版,

5.将下载的GTK包解压到 C:\GTK\ 目录(必须是这个目录名,否则接下来的MSBuild编译可能通不过),

6.在Windows环境变量PATH 后添加 C:\GTK\bin 目录 (需要注销Windows重新登录才能全局生效), 以供 canvas 运行时调用cairo的动态链接库 libcairo-2.dll 等;

7.最后 npm install canvas , 期间将自动运行MsBuild 编译生成 canvas.node 本地目标库, 生成的目标库位于 path\to\node_modules\canvas\build\Release\canvas.node;

8.DOS命令行下: CD 进入 canvas\build\Release\ 这个目录, 运行 node 测试canvas是否安装成功: C:\path\to\node\node_modules\canvas\build\Release> node.exe

var canvas = require(’./canvas’);

若显示 undefined , 而不是错误信息 ,应该就安装成功了. 若显示Unable to load shared library 则可能是 GTK\bin 目录未在PATH路径中,添加上即可.

参考说明: https://github.com/LearnBoost/node-canvas/wiki/Installation—Windows

23 回复

再问下,用这个东东生成验证码,不需要html5吧?

注意 node-canvas 是运行在 node 环境下的噢

  1. 后台使用canvas生成验证码图片需要html5支持,node-canvas无障碍;
  2. 客户端只需请求该图片资源即可,一般png无障碍;

大神,终于把这篇文章发出来了。我想问个问题,如果我是把项目部署在云端服务器,这个怎么装呢? 另外我还有个想问一下,canvas是为了解决一系列问题qs,您有什么想法不用canvas,又能解决qs呢?

这个canvas是为了在服务器侧生成和处理图片, 对于我们主要是生成验证码图形, 目的呢就是为了防止SPAM. 你说的qs是不是SPAM?

@lonevan 说的对, node-canvas 不依赖HTML5, 它只依赖cairo 这个开源图形处理库, 实际上它就是调用了cairo的命令行模块去生成图形

@j4cnodejs 嗯,没细研究过,我觉得装这个确实挺麻烦的

windows安装canvas报之下错误,求帮忙解决下!enter image description here

有没有人用过ImageMagick

我还是打算 改用 ImageMagick 了,canvas安装太麻烦了。

ImageMagick可以生成验证码吗?

想知道是否每次重装系统都要这样安装一次.如果不需要那么搂主是否可以吧安装好的文件夹打包提供.我们也好省下好多力气

在Windows下使用 canvas 太蛋疼了……

这么麻烦…

OSX下安装node-canvas失败,能否帮忙看下原因? brew list后 autojump gettext libpng pkg-config xvid bash-completion glib mongodb texi2html xz cairo imagesnap nginx tree yasm faac lame pcre wget ffmpeg libffi pixman x264

几个需要的都装了

最后错误 Imgur

Windows环境变量PATH修改后,不需要注销或者重新登录的,只要把已经打开的cmd窗口关掉,再打开就可以了

装homebrew了吗?用brew先把cairo装上 用port也行, 装上cairo就行了

我在win7环境下安装,提示:无法打开输入文件“C:\GTK\lib\libpng.lib”错误,gtk 64位的下载文件的确没有libpng.lib这个文件,这个问题怎么解决呢?

不能你编译好,供大家使用吗

@strivingzhou 文章中说错了,不能使用新版的GTK,就使用文中指定的GTK版本即可,这里说的很明确:https://github.com/Automattic/node-canvas/wiki/Installation—Windows,其中给出了要使用的GTK版本的链接地址:http://ftp.gnome.org/pub/gnome/binaries/win32/gtk+/2.24/gtk±bundle_2.24.10-20120208_win32.zip

没成功,蛋疼

回到顶部