Update most examples to HiDPI.

This commit is contained in:
Jürg Lehni 2013-11-06 12:53:50 +01:00
parent 1049214126
commit 4dcb0d66a9
97 changed files with 112 additions and 111 deletions

View file

@ -45,6 +45,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -48,6 +48,6 @@
</script>
</head>
<body style='background-color:black'>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -65,6 +65,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -551,7 +551,7 @@
</style>
</head>
<body style="background:black">
<canvas style="position:absolute" id="canvas" resize stats></canvas>
<canvas style="position:absolute" id="canvas" resize stats hidpi></canvas>
<div id="footer" class="footer"><a href=#">Paperoids</a>. To Play: <b>&#8592;</b> and <b>&#8594;</b> to rotate. <b>&#8593;</b> for thrust. <b>Z</b> to fire. <b>F</b> to show FPS. Follow @<a href="http://twitter.com/#/hirmes">hirmes</a> for updates. Made with the amazing <a href="http://paperjs.org">Paper.js</a></div>
<div id="gameover" class="gameover">Game Over. <a href="Paperoids.html">Play again</a>?</div>

View file

@ -68,6 +68,6 @@
</script>
</head>
<body>
<canvas id="canvas" width="640" height="100"></canvas>
<canvas id="canvas" width="640" height="100" hidpi></canvas>
</body>
</html>

View file

@ -28,7 +28,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -19,7 +19,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -25,7 +25,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -23,7 +23,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -22,7 +22,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -38,7 +38,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -36,7 +36,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -50,7 +50,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -49,7 +49,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -37,7 +37,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -24,7 +24,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -32,7 +32,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -26,7 +26,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -24,7 +24,7 @@
</script>
</head>
<body>
<canvas id="canvas1" width="500" height="500"></canvas>
<canvas id="canvas2" width="500" height="500"></canvas>
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -98,6 +98,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -49,6 +49,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -119,6 +119,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -99,6 +99,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize style="background:black"></canvas>
<canvas id="canvas" resize style="background:black" hidpi></canvas>
</body>
</html>

View file

@ -44,7 +44,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="600" height="600" resize=true></canvas>
<canvas id="canvas" width="600" height="600" resize=true hidpi></canvas>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
height="600" width="600" id="svg" style="display:none">

View file

@ -127,6 +127,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -46,7 +46,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="600" height="600" resize=true></canvas>
<canvas id="canvas" width="600" height="600" resize=true hidpi></canvas>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
height="600" width="600" id="svg" style="display:none">

File diff suppressed because one or more lines are too long

View file

@ -75,6 +75,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -58,6 +58,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -287,6 +287,6 @@
</style>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -129,6 +129,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -25,7 +25,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -10,7 +10,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="400" height="1500"></canvas>
<canvas id="canvas" width="400" height="1500" hidpi></canvas>
<svg id="svg" width="400" height="1500"></svg>
</body>
</html>

View file

@ -15,7 +15,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -21,7 +21,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -45,7 +45,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="300" height="600"></canvas>
<canvas id="canvas" width="300" height="600" hidpi></canvas>
<svg id="svg" width="300" height="600"></svg>
</body>
</html>

View file

@ -18,7 +18,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -34,7 +34,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -32,7 +32,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -46,7 +46,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -73,7 +73,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -51,7 +51,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -20,7 +20,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -38,7 +38,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -16,7 +16,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="600" height="600"></canvas>
<canvas id="canvas" width="600" height="600" hidpi></canvas>
<svg id="svg" width="600" height="600"></svg>
</body>
</html>

View file

@ -22,7 +22,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -20,7 +20,7 @@
</script>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
<svg id="svg" width="500" height="500"></svg>
</body>
</html>

View file

@ -218,6 +218,6 @@
M195.964,120.958c-1.37,0-1.4,1.23-1.4,2.601c0,1.38-0.97,4.6,0.4,4.6c1.38,0,1.8-3.819,1.8-5.2
C196.764,121.589,197.344,120.958,195.964,120.958z"/>
</svg>
<canvas id="canvas" width="400" height="250"></canvas>
<canvas id="canvas" width="400" height="250" hidpi></canvas>
</body>
</html>

View file

@ -21,6 +21,6 @@
<ellipse cx="220" cy="175" rx="190" ry="20" style="fill:white" id="ellipse5"/>
<ellipse cx="300" cy="255" rx="100" ry="50" style="fill:yellow;stroke:purple;stroke-width:2" id="ellipse6"/>
</svg>
<canvas id="canvas" width="500" height="1000"></canvas>
<canvas id="canvas" width="500" height="1000" hidpi></canvas>
</body>
</html>

View file

@ -98,6 +98,6 @@
</g>
</g>
</svg>
<canvas id="canvas" width="400px" height="1500px"></canvas>
<canvas id="canvas" width="400px" height="1500px" hidpi></canvas>
</body>
</html>

View file

@ -24,6 +24,6 @@
<form>
<input type="file" id="file">
</form>
<canvas id="canvas" width="1000" height="1000"></canvas>
<canvas id="canvas" width="1000" height="1000" hidpi></canvas>
</body>
</html>

View file

@ -25,6 +25,6 @@
<rect x="45" y="345" width="210" height="210" transform="rotate(45,150,450)" fill="url(#gradient-2)"></rect>
</g>
</svg>
<canvas id="canvas" width="300" height="600"></canvas>
<canvas id="canvas" width="300" height="600" hidpi></canvas>
</body>
</html>

View file

@ -83,6 +83,6 @@
</g>
</svg>
<canvas id="canvas" width="400" height="400"></canvas>
<canvas id="canvas" width="400" height="400" hidpi></canvas>
</body>
</html>

View file

@ -19,6 +19,6 @@
<line x1="20" y1="344" x2="50" y2="400" style="stroke:yellow;stroke-width:30px;stroke-dasharray: 5px;stroke-linecap: "square" id="line6" />
<line x1="4" y1="400" x2="450" y2="450" style="stroke:purple;stroke-width:1px;stroke-dasharray: 11px, 4px;stroke-linecap: "butt" id="line7" />
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -102,6 +102,6 @@
</radialGradient>
<circle fill="url(#SVGID_7_)" cx="368.75" cy="619.551" r="92.2"/>
</svg>
<canvas id="canvas" width="500" height="1000"></canvas>
<canvas id="canvas" width="500" height="1000" hidpi></canvas>
</body>
</html>

View file

@ -37,6 +37,6 @@
<path d="M 50 75 c 25 -50 25 -50 100 0 s 100 100 100 0 s 25 -50 100 0" stroke="blue" stroke-width="4px" fill="none"/>
<text x="20" y="15" stroke="green" fill="green" style="font:15px arial;" id="text" text-anchor="start">I love SVG</text>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -28,6 +28,6 @@
<text font-size="30" font-family="times" x="400" y="350" dx="30">C</text>
</g>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -73,6 +73,6 @@
</g>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -38,6 +38,6 @@
<text class="Label" x="325" y="350"
style="text-anchor:middle">S400,300 400,200</text>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -20,6 +20,6 @@
<rect x="300" y="300" width="100" height="100px" fill="pink" style="stroke-dasharray: 10, 4; stroke-width:50px;" id="rect2" />
<rect x="300" y="180" width="178" height="100px" fill="hotpink" style="stroke-dasharray: 10, 4; stroke-width:10px;" id="rect3" />
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -20,6 +20,6 @@
<use xlink:href="#circle" width="48" height="48" x="-24" y="-24" transform="matrix(2.2415 -2.0119 -2.0119 -2.2415 176.9971 246.9941)" overflow="visible"/>
<use xlink:href="#circle" width="48" height="48" x="-24" y="-24" transform="matrix(1 0 0 -1 84 65)" overflow="visible"/>
</svg>
<canvas id="canvas" width="595" height="841"></canvas>
<canvas id="canvas" width="595" height="841" hidpi></canvas>
</body>
</html>

View file

@ -35,6 +35,6 @@
<path d="M 50 75 c 25 -50 25 -50 100 0 s 100 100 100 0 s 25 -50 100 0" stroke="blue" stroke-width="4" fill="none"/>
<text x="20" y="15" stroke="green" fill="green" style="font:15px arial;" id="text">I love SVG</text>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -14,6 +14,6 @@
<text x="20" y="15" stroke="green" fill="green" style="font:15px arial;" id="text">Plain SVG Text</text>
<text x="20" y="50" fill="red" transform="rotate(30 20,40)" style="font:12px helvetica;">Rotated SVG Text</text>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -737,6 +737,6 @@
</g>
</g>
</svg>
<canvas id="canvas" width="600" height="600"></canvas>
<canvas id="canvas" width="600" height="600" hidpi></canvas>
</body>
</html>

View file

@ -17,6 +17,6 @@
<rect x="5" y="5" width="12" height="2" fill="grey" stroke="silver"/>
</g>
</svg>
<canvas id="canvas" width="500" height="500"></canvas>
<canvas id="canvas" width="500" height="500" hidpi></canvas>
</body>
</html>

View file

@ -33,6 +33,6 @@
Stretch to fit
</text>
</svg>
<canvas id="canvas" width="300" height="200"></canvas>
<canvas id="canvas" width="300" height="200" hidpi></canvas>
</body>
</html>

View file

@ -34,6 +34,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -27,6 +27,7 @@
function runTest(testName, handler) {
var caption = document.createElement('h3');
var canvas = document.createElement('canvas');
canvas.setAttribute('hidpi');
caption.appendChild(document.createTextNode(testName));
container.appendChild(caption);
container.appendChild(canvas);

View file

@ -14,6 +14,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -56,6 +56,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -48,6 +48,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize style="background:black"></canvas>
<canvas id="canvas" resize style="background:black" hidpi></canvas>
</body>
</html>

View file

@ -95,6 +95,6 @@
</script>
</head>
<body>
<canvas id='canvas' resize></canvas>
<canvas id='canvas' resize hidpi></canvas>
</body>
</html>

View file

@ -37,6 +37,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -23,6 +23,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -58,6 +58,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -96,6 +96,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -85,6 +85,6 @@
Drag segment handles and points to manipulate them.
Close the path to start a new one.
</p>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -23,6 +23,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -30,6 +30,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -68,6 +68,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -77,6 +77,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -39,6 +39,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -39,6 +39,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -94,6 +94,6 @@
</script>
</head>
<body style="background:black">
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -71,6 +71,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -33,6 +33,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -195,6 +195,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -45,6 +45,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>

View file

@ -83,6 +83,6 @@
</script>
</head>
<body>
<canvas id="canvas" resize></canvas>
<canvas id="canvas" resize hidpi></canvas>
</body>
</html>