Question

为了尝试我找到here的javascript示例，我在Windows 7上执行了以下操作（this answer之后）：

已安装node
已安装browserify。
创建了一个新目录Test。
在此目录中，我运行npm init。
在此目录中，我创建了一个文件index.js，其中包含example page底部显示的确切内容。

我运行了以下命令：

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

我创建了一个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>

打开文件example.html，只看到一个空的空白页面，文字为image for download。没有彩色地图。 konsole也没有错误！

如何修复此代码，如何正确执行？也许我忘了安装东西？做错了什么事？忘了做别的事吗？

Answer 1

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

{{1}}

如何运行javascript colormap示例？

1 个答案: