layout/reftests/svg/marker-orientation-04.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   <defs>
   7     <marker id="redTriangle"
   8       refX="0" refY="12" markerUnits="userSpaceOnUse"
   9       markerWidth="24" markerHeight="24" orient="auto">
  10       <path fill="red" d="M 0 0 L 24 12 L 0 24 z" />
  11     </marker>
  12     <marker id="limeTriangle"
  13       refX="0" refY="12" markerUnits="userSpaceOnUse"
  14       markerWidth="24" markerHeight="24" orient="auto" overflow="visible">
  15       <path fill="lime" stroke-width="3" stroke="lime" d="M 0 0 L 24 12 L 0 24 z" />
  16     </marker>
  17     <marker id="reverseLimeTriangle"
  18       refX="0" refY="12" markerUnits="userSpaceOnUse"
  19       markerWidth="24" markerHeight="24" orient="auto" overflow="visible">
  20       <path transform="rotate(180, 0, 12)" fill="lime" stroke-width="3" stroke="lime" d="M 0 0 L 24 12 L 0 24 z" />
  21     </marker>
  22   </defs>
  23
  24   <rect width="100%" height="100%" fill="lime"/>
  25
  26   <!-- Control point vectors are zero -->
  27   <path d="M 50,125 C 50,125, 100,25, 100,25" stroke-width="10" stroke="red"
  28     marker-end="url(#redTriangle)" />
  29
  30   <path d="M 150,125 C 200,25, 200,25, 200,25" stroke-width="10" stroke="red"
  31     marker-end="url(#redTriangle)" />
  32
  33   <!-- Non-degenerate covering -->
  34   <path d="M 50,125 L 100,25" stroke-width="13" stroke="lime"
  35     marker-end="url(#limeTriangle)" marker-start="url(#reverseLimeTriangle)" />
  36
  37   <path d="M 150,125 L 200,25" stroke-width="13" stroke="lime"
  38     marker-end="url(#limeTriangle)" marker-start="url(#reverseLimeTriangle)" />
  39 </svg>