transform-dynamic-change-ref.html (1076B)
1 <!DOCTYPE html> 2 <html> 3 <body> 4 <div style="position:absolute; transform-origin: 0px 0px; transform: matrix(0.9, 0, 0, 0.9, -210, -777);"> 5 <svg width="2384" height="1684" style="position:absolute; left:0; top:0;"> 6 <circle cx="475" cy="975" r="40" stroke="black" stroke-width="2" fill="none" /> 7 <text fill="red" style="font-size: 40px;" transform="matrix(1, 0, 0, 1, 468, 988)">A</text> 8 </svg> 9 <svg width="2384" height="1684" style="position:absolute; left:0; top:200px;"> 10 <circle cx="475" cy="975" r="40" stroke="black" stroke-width="2" fill="none" /> 11 <text style="font-size: 40px;" transform="matrix(1, 0, 0, 1, 468, 988)"><tspan fill="blue">B</tspan></text> 12 </svg> 13 </div> 14 15 <svg width="500" height="400" style="transform-origin: 0px 0px; transform: scale(2) translate(-300px, -300px);"> 16 <text x="300" y="350" font-size="50" fill="green">PASS</text> 17 </svg> 18 19 <div id="container3" style="transform-origin: 0px 0px; transform: scale(3);"> 20 <svg width="200" height="100"> 21 <text x="0" y="50" font-size="20">PASS</text> 22 </svg> 23 </div> 24 25 </body> 26 </html>