mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2024-12-29 09:22:22 -05:00
Update most examples to HiDPI.
This commit is contained in:
parent
1049214126
commit
4dcb0d66a9
97 changed files with 112 additions and 111 deletions
|
@ -45,6 +45,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -48,6 +48,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body style='background-color:black'>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -65,6 +65,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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>←</b> and <b>→</b> to rotate. <b>↑</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>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -98,6 +98,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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
|
@ -119,6 +119,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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>
|
|
@ -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">
|
||||
|
|
|
@ -127,6 +127,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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
|
@ -75,6 +75,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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
|
@ -287,6 +287,6 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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
|
@ -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);
|
||||
|
|
|
@ -14,6 +14,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -56,6 +56,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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>
|
|
@ -95,6 +95,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id='canvas' resize></canvas>
|
||||
<canvas id='canvas' resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -37,6 +37,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -23,6 +23,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -58,6 +58,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -96,6 +96,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -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>
|
|
@ -23,6 +23,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -30,6 +30,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -68,6 +68,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -77,6 +77,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -39,6 +39,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -39,6 +39,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -94,6 +94,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body style="background:black">
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -71,6 +71,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -33,6 +33,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -195,6 +195,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -45,6 +45,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
|
@ -83,6 +83,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue