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

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