如何进行canvas的安装与配置?

2026-06-11 09:513阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计525个文字,预计阅读时间需要3分钟。

如何进行canvas的安装与配置?

本方法仅适用于Windows系统。安装Canvas前,需确保工作环境已安装Python环境,且仅支持Python 2.7版本,使用v3.x.x版本将导致系统错误。

1. 在管理员权限下,使用choco install -y python2 gtk-runtime microsoft-bu命令进行安装。

本方法仅适用用于window系统

安装canvas需要当前工作环境拥有python环境,且只能适用python2.7版本,v3.x.x版本会造成系统报错

1.在管理员权限下 使用choco install -y python2 gtk-runtime microsoft-build-tools libjpeg-turbo

自动安装python2.7,c++环境;如果本机未安装choco,可以使用以下npm命令安装

npm i -g windows-build-tools来安装所有的环境

2.安装node-gyp

安装node-gyp需要配置系统环境,如下操作

(1)npm install -g node-gyp 安装node-gyp

(2)npm config set msvs_version 2015 配置node-gyp

(3)npm config set python C:\\Python27

(4)如果(2),(3)配置之后有报错,可使用以下方法:

node-gyp configure

node-gyp configure --msvs_version=2015

node-gyp build

如何进行canvas的安装与配置?

3.安装GTK2,必须是GTK2,不能是GTK3,

下载GTK2之后,直接解压至C:\GTK

注意:下载GTK压缩包时,应下载与node操作系统相同的版本,32位或者64位,否则将会报错;

4.在普通cmd下使用npm install -g canvas 安装canvas

5.如果依旧报错

在node-gyp根目录下创建binding.gyp文件

我的是在这个目录中创建

C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\node-gyp

binding.gyp文件描述了建立你的模块,在类JSON格式的配置。gyp适合构建Node.js插件的准系统文件可能如下所示:

{ "targets": [ { "target_name": "binding", "sources": [ "src/binding.cc" ] } ] }{ "targets": [ { "target_name": "binding", "sources": [ "src/binding.cc" ] } ] }

完成之后,在管理员权限下运行npm i -g windows-build-tools来安装所有的环境

然后就可以在普通的cmd下运行

npm install -g canvas

canvas安装成功

附上node-canvas安装网址

github.com/Automattic/node-canvas/wiki/Installation---Windows————————————————版权声明:本文为CSDN博主「马默然」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。原文链接:blog.csdn.net/Long861774/article/details/82890424

本文共计525个文字,预计阅读时间需要3分钟。

如何进行canvas的安装与配置?

本方法仅适用于Windows系统。安装Canvas前,需确保工作环境已安装Python环境,且仅支持Python 2.7版本,使用v3.x.x版本将导致系统错误。

1. 在管理员权限下,使用choco install -y python2 gtk-runtime microsoft-bu命令进行安装。

本方法仅适用用于window系统

安装canvas需要当前工作环境拥有python环境,且只能适用python2.7版本,v3.x.x版本会造成系统报错

1.在管理员权限下 使用choco install -y python2 gtk-runtime microsoft-build-tools libjpeg-turbo

自动安装python2.7,c++环境;如果本机未安装choco,可以使用以下npm命令安装

npm i -g windows-build-tools来安装所有的环境

2.安装node-gyp

安装node-gyp需要配置系统环境,如下操作

(1)npm install -g node-gyp 安装node-gyp

(2)npm config set msvs_version 2015 配置node-gyp

(3)npm config set python C:\\Python27

(4)如果(2),(3)配置之后有报错,可使用以下方法:

node-gyp configure

node-gyp configure --msvs_version=2015

node-gyp build

如何进行canvas的安装与配置?

3.安装GTK2,必须是GTK2,不能是GTK3,

下载GTK2之后,直接解压至C:\GTK

注意:下载GTK压缩包时,应下载与node操作系统相同的版本,32位或者64位,否则将会报错;

4.在普通cmd下使用npm install -g canvas 安装canvas

5.如果依旧报错

在node-gyp根目录下创建binding.gyp文件

我的是在这个目录中创建

C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\node-gyp

binding.gyp文件描述了建立你的模块,在类JSON格式的配置。gyp适合构建Node.js插件的准系统文件可能如下所示:

{ "targets": [ { "target_name": "binding", "sources": [ "src/binding.cc" ] } ] }{ "targets": [ { "target_name": "binding", "sources": [ "src/binding.cc" ] } ] }

完成之后,在管理员权限下运行npm i -g windows-build-tools来安装所有的环境

然后就可以在普通的cmd下运行

npm install -g canvas

canvas安装成功

附上node-canvas安装网址

github.com/Automattic/node-canvas/wiki/Installation---Windows————————————————版权声明:本文为CSDN博主「马默然」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。原文链接:blog.csdn.net/Long861774/article/details/82890424