layout/reftests/svg/stroke-dasharray-02.svg

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/svg/stroke-dasharray-02.svg	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,33 @@
     1.4 +<!--
     1.5 +     Any copyright is dedicated to the Public Domain.
     1.6 +     http://creativecommons.org/publicdomain/zero/1.0/
     1.7 +-->
     1.8 +<svg xmlns="http://www.w3.org/2000/svg">
     1.9 +
    1.10 +  <title>Test the start point and direction of dashing on circle and ellipse</title>
    1.11 +
    1.12 +  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=944704 -->
    1.13 +
    1.14 +  <rect width="100%" height="100%" fill="lime"/>
    1.15 +
    1.16 +  <!-- Test circle element dashes cover two red circles -->
    1.17 +  <circle cx="100" cy="62" r="8" fill="red"/>
    1.18 +  <circle cx="66" cy="98" r="8" fill="red"/>
    1.19 +  <circle cx="50" cy="50" r="50" fill="none" stroke="lime" stroke-width="30" stroke-dasharray="25 25 25 100000"/>
    1.20 +
    1.21 +  <!-- Sanity test to check that two circles cover circle element dashes (i.e. that the previous check didn't pass because the stroke was solid) -->
    1.22 +  <circle cx="200" cy="50" r="50" fill="none" stroke="red" stroke-width="10" stroke-dasharray="10 40 10 100000"/>
    1.23 +  <circle cx="250" cy="56" r="11" fill="lime"/>
    1.24 +  <circle cx="223" cy="96" r="11" fill="lime"/>
    1.25 +
    1.26 +  <!-- Test ellipse element dashes cover two red circles -->
    1.27 +  <circle cx="95" cy="211" r="8" fill="red"/>
    1.28 +  <circle cx="47" cy="225" r="8" fill="red"/>
    1.29 +  <ellipse cx="50" cy="200" rx="50" ry="25" fill="none" stroke="lime" stroke-width="25" stroke-dasharray="25 25 25 100000"/>
    1.30 +
    1.31 +  <!-- Sanity test to check that two circles cover ellipse element dashes (i.e. that the previous check didn't pass because the stroke was solid) -->
    1.32 +  <ellipse cx="200" cy="200" rx="50" ry="25" fill="none" stroke="red" stroke-width="10" stroke-dasharray="10 40 10 100000"/>
    1.33 +  <circle cx="250" cy="205" r="11" fill="lime"/>
    1.34 +  <circle cx="206" cy="225" r="11" fill="lime"/>
    1.35 +
    1.36 +</svg>

mercurial