| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/ahem.js"></script> |
| 2 <svg width="200" height="400"> | 3 <svg width="200" height="400"> |
| 3 <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1"> | 4 <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1"> |
| 4 <stop offset="0" stop-color="green"/> | 5 <stop offset="0" stop-color="green"/> |
| 5 <stop offset="0.99" stop-color="green"/> | 6 <stop offset="0.99" stop-color="green"/> |
| 6 <stop offset="1" stop-color="red"/> | 7 <stop offset="1" stop-color="red"/> |
| 7 </linearGradient> | 8 </linearGradient> |
| 8 <pattern id="pattern" x="0" y="0" width="1" height="1" viewBox="0 0 10 10"> | 9 <pattern id="pattern" x="0" y="0" width="1" height="1" viewBox="0 0 10 10"> |
| 9 <rect width="10" height="10" fill="lime"/> | 10 <rect width="10" height="10" fill="lime"/> |
| 10 <rect width="5" height="5" fill="green"/> | 11 <rect width="5" height="5" fill="green"/> |
| 11 <rect x="5" y="5" width="5" height="5" fill="green"/> | 12 <rect x="5" y="5" width="5" height="5" fill="green"/> |
| 12 </pattern> | 13 </pattern> |
| 13 <rect width="100%" height="100%" fill="gray"/> | 14 <rect width="100%" height="100%" fill="gray"/> |
| 14 <g font-size="100px" font-family="Ahem"> | 15 <g font-size="100px" font-family="Ahem"> |
| 15 <g fill="url(#pattern)"> | 16 <g fill="url(#pattern)"> |
| 16 <text y="280">P</text> | 17 <text y="280">P</text> |
| 17 <text y="380" text-decoration="underline">P</text> | 18 <text y="380" text-decoration="underline">P</text> |
| 18 </g> | 19 </g> |
| 19 <g fill="url(#gradient)"> | 20 <g fill="url(#gradient)"> |
| 20 <text x="100" y="280">G</text> | 21 <text x="100" y="280">G</text> |
| 21 <text x="100" y="380" text-decoration="underline">G</text> | 22 <text x="100" y="380" text-decoration="underline">G</text> |
| 22 </g> | 23 </g> |
| 23 </svg> | 24 </svg> |
| OLD | NEW |