stroke.html (867B)
1 <!DOCTYPE html> 2 <title>CSS zoom applies to stroke, stroke-dasharray, and stroke-dashoffset</title> 3 <link rel="author" title="Stefan Zager" href="mailto:szager@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-viewport/"> 5 <link rel="match" href="reference/stroke-ref.html"> 6 7 <style> 8 html, body { 9 margin: 0; 10 } 11 svg { 12 display: block; 13 } 14 .dash { 15 stroke-width: 6px; 16 stroke-dasharray: 10px; 17 stroke-dashoffset: 7px; 18 stroke: hotpink; 19 fill: none; 20 } 21 .zoom { 22 zoom: 2; 23 } 24 </style> 25 26 <div class="dash"> 27 <svg width="200" height="50"> 28 <line x1="25" y1="20" x2="175" y2="20" /> 29 </svg> 30 </div> 31 32 <div> 33 <svg class="zoom" width="200" height="50"> 34 <line class="dash" x1="25" y1="20" x2="175" y2="20" /> 35 </svg> 36 </div> 37 38 <div class="dash"> 39 <svg class="zoom" width="200" height="50"> 40 <line x1="25" y1="20" x2="175" y2="20" /> 41 </svg> 42 </div>