canvas教程

npm install canvas简明指南

字号+ 作者:H5之家 来源:H5之家 2017-04-23 18:02 我要评论( )

研究互联网产品和技术,提供原创中文精品教程

安装环境:Mac OSX Mavericks

要使用Node.js的canvas库,直接通过npm命令安装,通常,会得到一个编译错误:

$ npm install canvas ... > node-gyp rebuild ... No package 'cairo' found ... npm ERR! not ok code 0

原因是依赖包cairo没有找到。

而cairo可以通过homebrew安装,但是,安装时又会有一个依赖错误:

$ brew install cairo cairo: Unsatisfied dependency: XQuartz Homebrew does not package XQuartz. Installers may be found at: https://xquartz.macosforge.org Error: An unsatisfied requirement failed this build.

根据错误提示,原因是没有安装XQuartz。由于Apple从OSX 10.5开始移除了X11的支持,为了继续运行X11程序,Apple搞了一个开源项目XQuartz来继续提供X11的支持。从官方网站https://xquartz.macosforge.org下载,安装即可。

装完XQuartz,再次运行:

$ brew install cairo

顺利安装成功!

再次尝试安装canvas,可能又会遇到以下错误:

$ npm install canvas ... Package xcb-shm was not found in the pkg-config search path. Perhaps you should add the directory containing `xcb-shm.pc' to the PKG_CONFIG_PATH environment variable Package 'xcb-shm', required by 'cairo', not found ...

原因是环境变量PKG_CONFIG_PATH没有正确设置。把它设置成如下:

$ export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig:/opt/X11/lib/pkgconfig

再次安装npm install canvas,成功!在Node.js中测试,成功:

$ node > var Canvas = require('canvas'); undefined

由于Canvas依赖较多,故记录以便以后查阅。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 《JavaScript库EaselJS教程》(LYNDA.COM EASELJS FIRST LOOK)[光盘镜像]

    《JavaScript库EaselJS教程》(LYNDA.COM EASELJS FIRST LOOK)[光盘镜

    2017-04-22 17:00

  • JavaScript Canvas绘制圆形时钟效果

    JavaScript Canvas绘制圆形时钟效果

    2017-04-21 09:04

  • 可创建gooey效果抖动窗口的jquery插件

    可创建gooey效果抖动窗口的jquery插件

    2017-04-15 10:00

  • 前端开发之优化网页加载速度技巧

    前端开发之优化网页加载速度技巧

    2017-04-11 15:02

网友点评