Как запустить пример javascript colormap?

Для того, чтобы попробовать яваскрипта пример я нашел here, я сделал следующие вещи (следующие this answer, на Windows 7):Как запустить пример javascript colormap?

Installed 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. Нет цветовых карт. Никакой ошибки на консоли тоже!

Как исправить этот код, как это сделать правильно? Может, я забыл что-то установить? Что-то не в порядке? Забыл сделать что-то еще?

источник

2015-11-16 Alex

Что такое файл bundle.js? – TheCrzyMan

Идея не создается - она создается на шаге 6. Возможно, это «обозреваемая» версия 'index.js'. – Alex

colormap является NPM-модулем для , генерирующим colormaps. Он включает несколько предварительно сформированных цветовых папок в каталоге \ res, но в целом вам нужно сделать что-то вроде следующего, чтобы создать массив json, который представляет собой colormap. После шагов с 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?

ответ

Смежные вопросы