如何運行javascript colormap示例？

爲了嘗試一個javascript例子，我發現here，我做了以下事情（以下this answer，在Windows 7）：如何運行javascript colormap示例？

安裝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也沒有錯誤！

如何解決這段代碼，如何做到這一點的權利？也許我忘了安裝一些東西？按錯誤順序做了什麼？忘了做別的事情？

來源

2015-11-16 Alex

什麼是bundle.js文件？ – TheCrzyMan

不知道 - 它是在第6步中創建的。它可能是'index.js'的'browserified'版本。 – Alex

顏色映射是一個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!"); 
});

來源

2017-12-10 00:49:36

如何運行javascript colormap示例？

回答

相關問題