non-scaling-stroke-css-transform.html (305B)
1 <style> 2 #square{ 3 transform: translate(100px,200px) scale(1,2.5); 4 } 5 </style> 6 <svg style="width: 500px; height: 500px; border: 1px solid green;"> 7 <rect id="square" stroke="blue" vector-effect="non-scaling-stroke" stroke-width="6" x="50px" y="50px" width="50px" height="50px" fill="pink" /> 8 </svg>