安裝canvas


本方法僅適用用於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來安裝所有的環境

 

 

 到當前界面才算成功,安裝vs工具的時候耗時比較長,需要確保電腦存在 .Net Framework 的框架,如果不存在工具會出現安裝失敗。

在網上查找了一下解決辦法,直接進入鏈接下載並安裝.Net 4.6:https://www.microsoft.com/en-us/download/details.aspx?id=48137

如下所示:

 

 

下載完成后,得到一個EXE文件:

 

 

 

雙擊EXE文件進行安裝:

 

 

 也可以手動安裝vs工具,執行上面腳本后,vs工具安裝文件地址:C:\Users\Administrator\.windows-build-tools中的vs_BuildTools.exe

vs工具下載慢的處理方式:

原因

目前國內大多數地區都開通了ipv6, 而當你的電腦能接通ipv6時VS自動使用ipv6下載擴展組件, 這導致下載速度很慢

解決方案

在VS安裝或升級擴展時禁用電腦的ipv6

如果禁用ipv6沒用,就在做下面的配置

修改系統:C:/windows/system32/drivers/etc的hosts文件
改host : 在host最后一行加上: 110.53.72.104 download.visualstudio.microsoft.com
然后 : cmd 刷一下dns,命令: ipconfig /flushdns
最后可以ping 一下: ping download.visualstudio.microsoft.com 

 

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

 

3.安裝GTK2,必須是GTK2,不能是GTK3,

下載GTK2之后,直接解壓至C:\GTK

注意:下載GTK壓縮包時,應下載與node操作系統相同的版本,32位或者64位,否則將會報錯;

32位的下載地址:http://ftp.gnome.org/pub/GNOME/binaries/win32/gtk+/2.24/gtk+-bundle_2.24.10-20120208_win32.zip
64位的下載地址:http://ftp.gnome.org/pub/GNOME/binaries/win64/gtk+/2.22/gtk+-bundle_2.22.1-20101229_win64.zip

4.安裝libjpeg-turbo(可選,用於JPEG支持; node-canvas 2.0及更高版本)
下載適用於Visual C ++的最新libjpeg-turbo SDK(當前為libjpeg-turbo-2.0.0-vc.exe或libjpeg-turbo-2.0.0-vc64.exe)並安裝到其默認位置(C:\libjpeg-turbo如果是32位或C:\libjpeg-turbo6464位)。

Visual C ++的下載地址:http://sourceforge.net/projects/libjpeg-turbo/files/

筆記:

libjpeg-turbo和Node.js都必須為64位或32位才能成功編譯。
如果使用其他位置,請jpeg_root向npm install或添加參數node-gyp rebuild。例如:node-gyp rebuild --jpeg_root=C:\somewhere\libjpeg-turbo。

 

5.在普通cmd下使用npm install -g canvas 安裝canvas

 

6.如果依舊報錯

 

 

在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" ]
    }
  ]
}

 

完成之后,在管理員權限下運行npm i -g windows-build-tools來安裝所有的環境

 

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

npm install -g canvas

 

canvas安裝成功

附上node-canvas安裝網址

https://github.com/Automattic/node-canvas/wiki/Installation---Windows


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM