OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html11/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html11/DTD/xhtml1-strict.dtd"> |
2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg
"> | 2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg
"> |
3 <body style="margin: 0;"> | 3 <body style="margin: 0;"> |
4 <svg:svg id="svg" width="300" height="300" style="position: absolute; top: 100px
; left: 0px;"> | 4 <svg:svg id="svg" width="300" height="300" style="position: absolute; top: 100px
; left: 0px;"> |
5 <svg:circle cx="300" cy="300" r="100" fill="blue" mask="url(#mask)"/> | 5 <svg:circle cx="300" cy="300" r="100" fill="blue" mask="url(#mask)"/> |
6 <svg:defs> | 6 <svg:defs> |
7 <svg:pattern id="pattern" width="600" height="600"> | 7 <svg:pattern id="pattern" width="600" height="600" patternUnits="userSpa
ceOnUse"> |
8 <svg:rect fill="white" width="600" height="600" /> | 8 <svg:rect fill="white" width="600" height="600" /> |
9 </svg:pattern> | 9 </svg:pattern> |
10 <svg:mask id="mask" width="600" height="600"> | 10 <svg:mask id="mask" width="600" height="600" maskUnits="userSpaceOnUse"> |
11 <svg:rect fill="url(#pattern)" width="600" height="600" /> | 11 <svg:rect fill="url(#pattern)" width="600" height="600" /> |
12 </svg:mask> | 12 </svg:mask> |
13 </svg:defs> | 13 </svg:defs> |
14 </svg:svg> | 14 </svg:svg> |
15 </body> | 15 </body> |
16 </html> | 16 </html> |
OLD | NEW |