layout/reftests/svg/pathLength-02.svg@7e26c7da4463 (annotated)
layout/reftests/svg/pathLength-02.svg
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
| 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="lime"/> |
| 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 5-unit-long dash in stroke-dasharray ends |
| michael@0 | 10 | up covering 5/20 = 1/4 of the path. The hole in the dasharray spans |
| michael@0 | 11 | the viewBox --> |
| michael@0 | 12 | <path d="M-100,1 h400" pathLength="20" stroke-dasharray="5" fill="none" stroke="red" stroke-width="2"/> |
| michael@0 | 13 | </svg> |
