eric/as-dithered-image
1
0
Fork 0
mirror of https://github.com/andrewstephens75/as-dithered-image.git synced 2026-04-22 16:19:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Delete that stupid example file

Browse Source
This commit is contained in:
Andrew Stephens
2022-12-18 20:58:35 -05:00
parent f368986c74
commit a1102f3924
1 changed files with 0 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
index.html
View File

@@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<style>
.canvasstyle {
display: inline-block;
width: 90%;
aspect-ratio: 640 / 954;
min-width: 90%;
padding: auto;
margin: auto;
}
</style>
<script src="as-dithered-image.js"></script>
<script>
window.addEventListener("load", (e) => {
const c = document.getElementById("pixel")
c.innerText = window.devicePixelRatio
})
</script>
<body>
<!-- <canvas id="drawing" class="canvasstyle" width="1024" height="768"></canvas> -->
<as-dithered-image src="monalisa.jpg" class="canvasstyle" crunch="1"></as-dithered-image>
<as-dithered-image src="monalisa.jpg" class="canvasstyle" crunch="2"></as-dithered-image>
<as-dithered-image src="monalisa.jpg" class="canvasstyle" crunch="pixel"></as-dithered-image>
The device pixel ratio = <span id="pixel"></span>
</body>
</html>