| OLD | NEW |
| 1 <svg xmlns="http://www.w3.org/2000/svg"> | 1 <svg xmlns="http://www.w3.org/2000/svg"> |
| 2 <rect transform="translate(50, 30) rotate(35, 50, 50)" fill="green" width="100
" height="100"/> | 2 <g transform="translate(50, 30)"> |
| 3 <rect transform="translate(200, 30) rotate(35, 50, 50)" fill="green" width="10
0" height="100" shape-rendering="crispEdges"/> | 3 <g transform="rotate(35, 50, 50)"> |
| 4 <rect fill="green" width="100" height="100"/> |
| 5 <path d="M0 107 L100 107" stroke-width="1px" stroke="black"/> |
| 6 <path d="M0 115 L100 115" stroke-width="2px" stroke="black"/> |
| 7 <path d="M107 0 Q118 25 107 50 T107 100Z" fill="black" /> |
| 8 </g> |
| 9 <text x="0" y="150" font-size="16px">auto</text> |
| 10 </g> |
| 4 | 11 |
| 5 <g> | 12 <g transform="translate(200, 30)" shape-rendering="crispEdges"> |
| 6 <text y="180">The rectangle on the left should be anti-aliased.</text> | 13 <g transform="rotate(35, 50, 50)"> |
| 7 <text y="200">The rectangle on the right should not be anti-aliased, as it h
as the property shape-rendering="crispEdges". Bug 16182.</text> | 14 <rect fill="green" width="100" height="100"/> |
| 15 <path d="M0 107 L100 107" stroke-width="1px" stroke="black"/> |
| 16 <path d="M0 115 L100 115" stroke-width="2px" stroke="black"/> |
| 17 <path d="M107 0 Q118 25 107 50 T107 100Z" fill="black" /> |
| 18 </g> |
| 19 <text x="0" y="150" font-size="16px">crispEdges</text> |
| 20 </g> |
| 21 |
| 22 <g transform="translate(350, 30)" shape-rendering="optimizeSpeed"> |
| 23 <g transform="rotate(35, 50, 50)"> |
| 24 <rect fill="green" width="100" height="100"/> |
| 25 <path d="M0 107 L100 107" stroke-width="1px" stroke="black"/> |
| 26 <path d="M0 115 L100 115" stroke-width="2px" stroke="black"/> |
| 27 <path d="M107 0 Q118 25 107 50 T107 100Z" fill="black" /> |
| 28 </g> |
| 29 <text x="0" y="150" font-size="16px">optimizeSpeed</text> |
| 30 </g> |
| 31 |
| 32 <g transform="translate(500, 30)" shape-rendering="geometricPrecision"> |
| 33 <g transform="rotate(35, 50, 50)"> |
| 34 <rect fill="green" width="100" height="100"/> |
| 35 <path d="M0 107 L100 107" stroke-width="1px" stroke="black"/> |
| 36 <path d="M0 115 L100 115" stroke-width="2px" stroke="black"/> |
| 37 <path d="M107 0 Q118 25 107 50 T107 100Z" fill="black" /> |
| 38 </g> |
| 39 <text x="0" y="150" font-size="16px">geometricPrecision</text> |
| 8 </g> | 40 </g> |
| 9 </svg> | 41 </svg> |
| 10 | |
| OLD | NEW |