OLD | NEW |
1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintTest()"> | 1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()"> |
2 <script xlink:href="../../fast/repaint/resources/repaint.js"/> | 2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> |
3 <defs> | 3 <defs> |
4 <filter id="filter"> | 4 <filter id="filter"> |
5 <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/> | 5 <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/> |
6 <feComposite in2="blur" in="SourceGraphic"/> | 6 <feComposite in2="blur" in="SourceGraphic"/> |
7 </filter> | 7 </filter> |
8 <clipPath id="clip" clipPathUnits="objectBoundingBox"> | 8 <clipPath id="clip" clipPathUnits="objectBoundingBox"> |
9 <circle cx="0.5" cy="0.5" r="0.5"/> | 9 <circle cx="0.5" cy="0.5" r="0.5"/> |
10 </clipPath> | 10 </clipPath> |
11 <mask id="mask" maskContentUnits="objectBoundingBox"> | 11 <mask id="mask" maskContentUnits="objectBoundingBox"> |
12 <circle cx="0.5" cy="0.5" r="0.5" fill="white"/> | 12 <circle cx="0.5" cy="0.5" r="0.5" fill="white"/> |
13 </mask> | 13 </mask> |
14 </defs> | 14 </defs> |
15 | 15 |
16 <script> | 16 <script> |
17 function repaintTest() { | 17 function repaintTest() { |
18 document.getElementById("rect1").setAttribute("width", "100"); | 18 document.getElementById("rect1").setAttribute("width", "100"); |
19 document.getElementById("rect2").setAttribute("width", "100"); | 19 document.getElementById("rect2").setAttribute("width", "100"); |
20 document.getElementById("rect3").setAttribute("width", "100"); | 20 document.getElementById("rect3").setAttribute("width", "100"); |
21 } | 21 } |
22 </script> | 22 </script> |
23 <g id="box"> | 23 <g id="box"> |
24 <rect id="rect1" x="10" y="10" width="200" height="100" style="fill:green;mask:u
rl(#mask)"/> | 24 <rect id="rect1" x="10" y="10" width="200" height="100" style="fill:green;mask:u
rl(#mask)"/> |
25 <rect id="rect2" x="10" y="130" width="200" height="100" style="fill:green;clip-
path:url(#clip)"/> | 25 <rect id="rect2" x="10" y="130" width="200" height="100" style="fill:green;clip-
path:url(#clip)"/> |
26 <rect id="rect3" x="10" y="250" width="200" height="100" style="fill:green;filte
r:url(#filter)"/> | 26 <rect id="rect3" x="10" y="250" width="200" height="100" style="fill:green;filte
r:url(#filter)"/> |
27 </g> | 27 </g> |
28 </svg> | 28 </svg> |
OLD | NEW |