blob: c9261fd46baa700d664b426e10a295fd4a26d2a5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg viewBox="0 0 100 2" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="100%" fill="red"/>
<!-- This path is really 400 units long (and its halfway point is at the
right edge of our viewBox). We use pathLength to normalize its length
to 20, though, so the first 10-unit-long dash in stroke-dasharray ends
up covering 10/20 = 1/2 of the path. This covers the whole viewBox. -->
<path d="M-100,1 h400" pathLength="20" stroke-dasharray="10" fill="none" stroke="lime" stroke-width="2"/>
</svg>
|
