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