mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2025-06-09 03:34:16 -04:00
Switch HiDPI on by default.
Allow deactivation by setting the hidpi attribute to "off" on the canvas.
This commit is contained in:
Jürg Lehni
parent
5439f6ba45
commit
1f98d72c5b
103 changed files with 121 additions and 122 deletions
examples
Animated
Games
Interface
JSON
Circle Testing.htmlCompound Path.htmlEmpty Path Testing.htmlGradients.htmlGroup Transform.htmlLine Testing.htmlRandom Path Testing.htmlRaster.htmlRect and Attribute Testing.htmlRotated Primitives.htmlSelection.htmlSymbols.htmlText Testing.htmlTransform Test 1.htmlTransform Test 2.html
Paperjs.org
BouncingBalls.htmlChain.htmlDivisionRaster.htmlFutureSplash.htmlHitTesting.htmlInteractiveTiger.htmlMetaBalls.htmlNyanRainbow.htmlPathIntersections.htmlQbertify.htmlRadialRainbows.htmlRoundedRectangles.htmlSimplify.htmlSpiralRaster.htmlTadpoles.htmlVoronoi.html
Rasters
SVG Export
Circle Testing.htmlClipping.htmlCompound Path.htmlEmpty Path Testing.htmlGradients.htmlGroup Transform.htmlLine Testing.htmlRandom Path Testing.htmlRaster.htmlRect and Attribute Testing.htmlRotated Primitives.htmlShapes.htmlSymbols.htmlText Testing.htmlTiger.htmlTransform Test 1.htmlTransform Test 2.html
SVG Import
Butterfly.htmlCircle and Ellipse Testing.htmlClipping.htmlFrom File.htmlGradients.htmlInkscape.htmlLine Testing.htmlMoreGradients.htmlMultiple Paths Test 1.htmlMultiple Paths Test 2.htmlNested Groups Test.htmlPolybezier.htmlRect Testing.htmlSymbols.htmlTesting.htmlText Testing.htmlTiger.htmlTransform Testing.htmlViewbox.html
Scripts
Arcs.htmlBlendModes.htmlBooleanOperations.htmlCompoundPath.htmlCurveTimeParameterization.htmlHslColor.htmlPathStructure.htmlResize.htmlRoundRectangle.htmlShapes.htmlStrokeBounds.html
Tools
|
|
@ -48,6 +48,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize stats></canvas>
|
||||
<canvas id="canvas" resize stats hidpi="off"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -45,6 +45,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
}
|
||||
</script>
|
||||
</head>
|
||||
<body style='background-color:black'>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<body style="background:black">
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -65,6 +65,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -80,6 +80,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize style='background:black'></canvas>
|
||||
<canvas id="canvas" resize hidpi="off" style="background:black"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -73,6 +73,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize style='background:black'></canvas>
|
||||
<canvas id="canvas" resize hidpi="off" style="background:black"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -551,7 +551,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body style="background:black">
|
||||
<canvas style="position:absolute" id="canvas" resize stats hidpi></canvas>
|
||||
<canvas style="position:absolute" id="canvas" resize stats></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="640" height="100"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas1" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas2" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas1" width="500" height="500"></canvas>
|
||||
<canvas id="canvas2" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -98,6 +98,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -49,6 +49,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></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 hidpi></canvas>
|
||||
<canvas id="canvas" resize hidpi="off"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -99,6 +99,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize style="background:black" hidpi></canvas>
|
||||
<canvas id="canvas" resize style="background:black"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" width="600" height="600" resize=true hidpi></canvas>
|
||||
<canvas id="canvas" width="600" height="600" resize=true></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 hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -196,7 +196,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<audio id="nyan" src="http://dl.dropbox.com/u/31703/nyan.mp3" autoplay autobuffer preload=none loop style='display:none'></audio>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<audio id="nyan" src="http://dl.dropbox.com/u/31703/nyan.mp3" autoplay autobuffer preload=none loop style="display:none"></audio>
|
||||
<canvas id="canvas" resize hidpi="off"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" width="600" height="600" resize=true hidpi></canvas>
|
||||
<canvas id="canvas" width="600" height="600" resize=true></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 hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -36,6 +36,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
<canvas id="canvas" resize hidpi="off"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -58,6 +58,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></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 hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -129,6 +129,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="400" height="1500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="300" height="600"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="600" height="600"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="400" height="250"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="1000"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -98,6 +98,6 @@
|
|||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<canvas id="canvas" width="400px" height="1500px" hidpi></canvas>
|
||||
<canvas id="canvas" width="400px" height="1500px"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -24,6 +24,6 @@
|
|||
<form>
|
||||
<input type="file" id="file">
|
||||
</form>
|
||||
<canvas id="canvas" width="1000" height="1000" hidpi></canvas>
|
||||
<canvas id="canvas" width="1000" height="1000"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="300" height="600"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -83,6 +83,6 @@
|
|||
</g>
|
||||
</svg>
|
||||
|
||||
<canvas id="canvas" width="400" height="400" hidpi></canvas>
|
||||
<canvas id="canvas" width="400" height="400"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="1000"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -73,6 +73,6 @@
|
|||
</g>
|
||||
|
||||
</svg>
|
||||
<canvas id="canvas" width="500" height="500" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="595" height="841"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -737,6 +737,6 @@
|
|||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<canvas id="canvas" width="600" height="600" hidpi></canvas>
|
||||
<canvas id="canvas" width="600" height="600"></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" hidpi></canvas>
|
||||
<canvas id="canvas" width="500" height="500"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -33,6 +33,6 @@
|
|||
Stretch to fit
|
||||
</text>
|
||||
</svg>
|
||||
<canvas id="canvas" width="300" height="200" hidpi></canvas>
|
||||
<canvas id="canvas" width="300" height="200"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -34,6 +34,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -27,7 +27,6 @@
|
|||
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 hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -56,6 +56,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -48,6 +48,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize style="background:black" hidpi></canvas>
|
||||
<canvas id="canvas" resize style="background:black"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -95,6 +95,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id='canvas' resize hidpi></canvas>
|
||||
<canvas id='canvas' resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -37,6 +37,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -23,6 +23,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -58,6 +58,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -96,6 +96,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></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 hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -23,6 +23,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -30,6 +30,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -68,6 +68,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -77,6 +77,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -39,6 +39,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -39,6 +39,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -94,6 +94,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body style="background:black">
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -71,6 +71,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -33,6 +33,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -195,6 +195,6 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas" resize hidpi></canvas>
|
||||
<canvas id="canvas" resize></canvas>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue