| <svg xmlns="http://www.w3.org/2000/svg" width="300" height="200"> |
| <rect width="100" height="100" fill="red" /> |
| <rect x="100" width="100" height="100" fill="red"/> |
| <rect x="200" width="100" height="100" fill="red"/> |
| <rect x="300" width="100" height="100" fill="red"/> |
| <g transform="translate(-100,-100)"> |
| <rect width="100" height="100" fill="green" transform="translate(100, 100)" style="will-change: transform;"/> |
| </g> |
| <g transform="translate(-100,-100)"> |
| <rect width="50" height="50" fill="green" style="will-change: transform; transform:translate(200px,100px) scale(2,2);"/> |
| </g> |
| <g transform="translate(-100,-100)"> |
| <rect width="50" height="50" fill="green" transform="translate(100,0)" style="will-change: transform; transform:translate(300px,100px) scale(2,2);"/> |
| </g> |
| </svg> |