m/pbm-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add palette viewer and color cycling to proof of concept viewer

Browse Source
This commit is contained in:
Michael Smith
2023-05-13 22:40:36 +02:00
parent 940523f72f
commit 6f779d0c04
4 changed files with 164 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
index.html
View File

@@ -9,9 +9,33 @@
<title>IFF PBM image viewer</title>
</head>
<body>
<input type="file" id="imagefile" />
<canvas id="thumbnail-canvas"></canvas>
<canvas id="image-canvas"></canvas>
<p>
<input type="file" id="imagefile" />
</p>
<p>
<button id="cycleColors">Cycle colors</button>
<input type="range" min="10" max="50" value="15" id="cyclingSpeedSlider">
<span id="cyclingSpeedLabel"></span>
</p>
<div class="container">
<div class="item">
<canvas id="image-canvas"></canvas>
</div>
<div class="item">
<div class="sidebar">
<div class="item">
<canvas id="thumbnail-canvas"></canvas>
</div>
<div class="item">
<canvas id="palette-canvas"></canvas>
<div class="buttons">
<button id="paletteLeft"><-</button>
<span id="palettePageLabel">1</span>
<button id="paletteRight">-></button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>