layout/reftests/svg/pathLength-02.svg

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

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>

mercurial