OLD | NEW |
(Empty) | |
| 1 <svg xmlns="http://www.w3.org/2000/svg" width="300" height="200"> |
| 2 <rect width="100" height="100" fill="red" /> |
| 3 <rect x="100" width="100" height="100" fill="red"/> |
| 4 <rect x="200" width="100" height="100" fill="red"/> |
| 5 <rect x="300" width="100" height="100" fill="red"/> |
| 6 <g transform="translate(-100,-100)"> |
| 7 <rect width="100" height="100" fill="green" transform="translate(100, 100)"
style="will-change: transform;"/> |
| 8 </g> |
| 9 <g transform="translate(-100,-100)"> |
| 10 <rect width="50" height="50" fill="green" style="will-change: transform; tra
nsform:translate(200px,100px) scale(2,2);"/> |
| 11 </g> |
| 12 <g transform="translate(-100,-100)"> |
| 13 <rect width="50" height="50" fill="green" transform="translate(100,0)" style
="will-change: transform; transform:translate(300px,100px) scale(2,2);"/> |
| 14 </g> |
| 15 </svg> |
OLD | NEW |