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;"/>
9 <g transform=
"translate(-100,-100)">
10 <rect width=
"50" height=
"50" fill=
"green" style=
"will-change: transform; transform:translate(200px,100px) scale(2,2);"/>
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);"/>