non-scaling-stroke-001.html (605B)
1 <!DOCTYPE html> 2 <html> 3 <title>non-scaling-stroke with scaling</title> 4 <link rel="help" href="https://svgwg.org/svg2-draft/painting.html#PaintingVectorEffects" /> 5 <link rel="match" href="green-100x100.svg" /> 6 <body> 7 <style> 8 body { 9 border: none; 10 margin: 0; 11 width: 200px; 12 height: 200px; 13 transform: scale(2); 14 } 15 svg { 16 width: 100px; 17 height: 100px; 18 } 19 rect { 20 fill: red; 21 stroke: green; 22 stroke-width: 50px; 23 vector-effect: non-scaling-stroke; 24 } 25 </style> 26 <svg> 27 <rect width="75" height="75"/> 28 </svg> 29 </body> 30 </html>