rothko
Version:
what color is your landscape
70 lines (66 loc) • 2.53 kB
HTML
<html>
<head>
<title>BROWSER OPEN TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href='style/main.css'/>
</head>
<body>
<div id='root'>
<h1>Rothko</h1>
<div id = "image-input-wrapper">
<img id="target-image" src="../debug/image/garber-tanis-pma.jpg"/>
<button id = "image-input-button"></button>
<input id = "image-input-hidden" type = "file" accept="image/*">
</div>
<div id="dominant-colors">
<h3>지배적인 색</h3>
<div class="colors">
</div>
</div>
<div id="high-sat-colors">
<h3>고채도 색</h3>
<div class="colors">
</div>
</div>
<div id="chroma-colors">
<h3>유채색</h3>
<div class="colors">
</div>
</div>
<div id="achroma-colors">
<h3>무채색</h3>
<div class="colors">
</div>
</div>
</div>
<!--
<div id = 'mocha'></div>
<script src="../node_modules/chai/chai.js"></script>
<script src="../node_modules/gulp-mocha/node_modules/mocha/mocha.js"></script>
<script>
mocha.ui('bdd');
mocha.reporter('html');
var should = chai.should();
</script>
<script src = '../node_modules/common-canvas/common-canvas.js'></script>
<script src = '../node_modules/tinycolor2/tinycolor.js'></script>
<script src = '../node_modules/histogram-analyze/histogram-analyze.js'></script>
<script src = '../rothko.js'></script>
<script src = './module_open.test.js'></script>
<script>
if (window.mochaPhantomJS) {
mochaPhantomJS.run();
} else {
mocha.run();
}
</script>
-->
<script src='../node_modules/drawing-kit/dist/drawing-kit.js'></script>
<script src='../node_modules/chroma-js/chroma.js'></script>
<script src='../node_modules/histogram-analyze/dist/histogram-analyze.js'></script>
<script src='../dist/rothko.js'></script>
<script src='script/main.js'></script>
</body>
</html>