<svg width="200px" height="100px" viewBox="0 0 200 100"> <!-- nine-pixel dash, five-pixel gap --> <line x1="10" y1="10" x2="100" y2="10" style="stroke-dasharray: 9, 5; stroke: black; stroke-width: 2;"/> <!-- five-pixel dash, three-pixel gap, nine-pixel dash, two-pixel gap --> <line x1="10" y1="20" x2="100" y2="20" style="stroke-dasharray: 5, 3, 9, 2; stroke: black; stroke-width: 2;"/> <!-- Odd number of entries is duplicated; this is equivalent to: nine-pixel dash, three-pixel gap, five-pixel dash, nine-pixel gap, three-pixel dash, five-pixel gap --> <line x1="10" y1="30" x2="100" y2="30" style="stroke-dasharray: 9, 3, 5; stroke: black; stroke-width: 2;"/> </svg>
Zoom