| OLD | NEW |
| (Empty) |
| 1 <svg xmlns="http://www.w3.org/2000/svg"> | |
| 2 <g> | |
| 3 <linearGradient> | |
| 4 <stop id="stop"/> | |
| 5 </linearGradient> | |
| 6 </g> | |
| 7 <g> | |
| 8 <defs> | |
| 9 <filter id="filter"/> | |
| 10 </defs> | |
| 11 | |
| 12 <mask id="mask"> | |
| 13 <g filter="url(#filter)"> | |
| 14 <linearGradient id="gradient"/> | |
| 15 <path fill="url(#gradient)" d="M147.231,26.23c70.188,0,127.086,57.77
,127.086,129.032c0"/> | |
| 16 </g> | |
| 17 </mask> | |
| 18 | |
| 19 <path mask="url(#mask)" d="M147.231,26.23c70.188,0,127.086,57.77,127.086,129
.032"/> | |
| 20 </g> | |
| 21 | |
| 22 <text>PASS, if it doesn't crash.</text> | |
| 23 <script><![CDATA[ | |
| 24 if (window.testRunner) | |
| 25 testRunner.dumpAsText(); | |
| 26 document.execCommand("SelectAll"); | |
| 27 range = document.createRange(); | |
| 28 range.setStartBefore(document.getElementById("stop")); | |
| 29 range.insertNode(document.getElementById("mask")); | |
| 30 | |
| 31 /* What does this do? It moves the whole <mask> element as child of the <linearG
radient>. | |
| 32 The final DOM looks like: | |
| 33 | |
| 34 <g> | |
| 35 <linearGradient> | |
| 36 <mask id="mask"> | |
| 37 <g filter="url(#filter)"> | |
| 38 <linearGradient id="gradient"/> | |
| 39 <path fill="url(#gradient)" d="..."/> | |
| 40 </g> | |
| 41 </mask> | |
| 42 <stop id="stop"/> | |
| 43 </linearGradient> | |
| 44 </g> | |
| 45 <g> | |
| 46 <defs> | |
| 47 <filter id="filter"/> | |
| 48 </defs> | |
| 49 <path mask="url(#mask)" d="...."/> | |
| 50 </g> | |
| 51 */ | |
| 52 ]]></script> | |
| 53 </svg> | |
| OLD | NEW |