如何运行javascript颜色映射示例

How to run javascript colormap example?

本文关键字：颜色 色映射 javascript 何运行 运行      更新时间：2023-09-26

为了尝试我在这里找到的javascript示例，我做了以下事情（在Windows7上按照这个答案）：

  1. 已安装node
  2. 已安装browserify
  3. 创建了一个新目录Test
  4. 在这个目录中，我运行npm init
  5. 在这个目录中，我创建了一个文件index.js，其内容如底部示例页面所示

  6. 我运行了以下命令：

    npm install colormap
browserify -s index.js > bundle.js

  7. 我创建了一个html代码example.html，如下所示（在同一目录中）：

    <!DOCTYPE html>
<html>
<head>
</head>
<body>   
<canvas id="canvas"></canvas>
<img id="background" readsrc="satellite-view-of-earth-at-night.jpg" width=480></img>
<img id="canvasImg" name="colormap" alt="image for download">
<script type="text/javascript" src="bundle.js"></script>          
</body>
</html>

  8. 打开文件CCD_ 7，只看到一个空白的白色页面，其中包含文本CCD_。没有颜色映射。konsole也没有错误！

如何修复此代码，如何正确执行？也许我确实忘记安装了什么？按错误的顺序做了什么？忘记做别的事了吗？

颜色映射是一个用于生成颜色映射的NPM模块。它在''res目录中包括一些预先生成的颜色映射，但通常需要执行以下操作来生成一个表示颜色映射的json数组。在上面的步骤1到6之后，创建一个包含以下内容的新.js文件，并运行它来创建一个自定义的颜色映射：

let colormap = require('colormap')
var fs = require('fs');
let colors = colormap({
    colormap: 'jet',
    nshades: 256,
    format: 'hex',
    alpha: [1.0, 0.5, 1.0]
})
var json_text = JSON.stringify(colors);
fs.writeFile("jet.json", json_text, function(err) {
    if(err) {
        return console.log(err);
    }
    console.log("The file was saved!");
});
相关文章：