layout/reftests/svg/stroke-dasharray-and-pathLength-01.svg

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

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 xmlns="http://www.w3.org/2000/svg">
michael@0 6 <title>Test stroke-dasharray with pathLength and scaling</title>
michael@0 7 <rect width="100%" height="100%" fill="lime"/>
michael@0 8 <!--
michael@0 9 Here we set the 'pathLength' to twice the actual length of the path,
michael@0 10 which should cause the stroke-dasharray values to be scaled down by one
michael@0 11 half. Visually, this should effectively cancel out the 2x scaling along
michael@0 12 the x-axis introduced by the 'transform' attribute.
michael@0 13 -->
michael@0 14 <path d="M0.5,10 L100.5,10" stroke="red" stroke-width="18" stroke-dasharray="18 22" pathLength="200" transform="scale(2,1)"/>
michael@0 15 <rect x="1" y="1" width="18" height="18" fill="lime"/>
michael@0 16 <rect x="41" y="1" width="18" height="18" fill="lime"/>
michael@0 17 <rect x="81" y="1" width="18" height="18" fill="lime"/>
michael@0 18 <rect x="121" y="1" width="18" height="18" fill="lime"/>
michael@0 19 <rect x="161" y="1" width="18" height="18" fill="lime"/>
michael@0 20 </svg>

mercurial