Question

我试图使用此存储库： https://github.com/lokesh/color-thief/

尝试使用它时，我意识到我需要安装 npm canvas 包。我去了https://www.npmjs.com/package/canvas，但那没有用，所以我去了https://github.com/Automattic/node-canvas/wiki/Installation---Windows的安装维基。

我已按说明书中的说明安装了Python 2.7，Express Visual Studio软件包和GTK 2。我也在cmd中运行npm install -g node-gyp，它似乎没有错误。

在完成所有这些后，我尝试运行npm install canvas我仍然会遇到错误。我在这里附上了npm-debug.log：

http://www.filedropper.com/npm-debug

Answer 1

浏览图书馆，我找到了以下信息：

您需要使用Image对象来加载主色。
你不是真的需要NodeJS，它可以在网站上直接使用
只能使用5个LOC。

以下是最简单的代码段：

<div class="container">

  <div class="row">
    <div class="col-sm-12" style="background:red;">
      <div class="row">
        <div class="col-sm-3 col-xs-6">
          <button type="button" class="btn btn-default btn-lg text-center"><i class="icon-cog icon-4x"></i>
            <br>Resend</button>
        </div>

        <div class="col-sm-3 col-xs-6">
          <button type="button" class="btn btn-default btn-lg text-center"><i class="icon-cog icon-4x"></i>
            <br>Resend</button>
        </div>

        <div class="col-sm-3 col-xs-6">
          <button type="button" class="btn btn-default btn-lg text-center"><i class="icon-cog icon-4x"></i>
            <br>Resend</button>
        </div>

        <div class="col-sm-3 col-xs-6">
          <button type="button" class="btn btn-default btn-lg text-center"><i class="icon-cog icon-4x"></i>
            <br>Resend</button>
        </div>
      </div>
    </div>
  </div>

主色var image = new Image; //create the image object image.onload = function () { var colorThief = new ColorThief(); //create the lib's object var dominantColor = colorThief.getColor(image); //get the dominant color } image.src = "source/to/image";函数将返回RGB数组（getColor()

您可以查看[R, G, B])文件以查看所有功能 - 此文件已有详细记录。

安装npm canvas时出错

1 个答案: