Added cutoff

This commit is contained in:
Andrew Stephens
2023-01-02 16:59:16 -05:00
parent 7cd9f9ac0e
commit a581dbe19c
3 changed files with 49 additions and 20 deletions

View File

@@ -17,15 +17,17 @@
<as-dithered-image class="setSize" id="picture"
src="Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg"></as-dithered-image>
<p>devicePixelRatio = <span id=dpr>0</span></p>
<p><select id="crunchselect">
<div>devicePixelRatio = <span id=dpr>0</span></p>
<select id="crunchselect">
<option value="auto">Automatic</option>
<option value="pixel">Pixel</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select></p>
</select>
<input id="cutoff" type="range" min="0.0" max="1.0" step="0.05" value="any" />
</div>
</body>
<script>
@@ -35,6 +37,11 @@
console.log("Crunch = ", e.target.value)
document.getElementById("picture").setAttribute("crunch", e.target.value)
})
document.getElementById("cutoff").addEventListener("change", e => {
console.log("Value = ", e.target.value)
document.getElementById("picture").setAttribute("cutoff", e.target.value)
})
</script>
</html>