<!DOCTYPE html>
<html lang='en'>
<head>
 <title>painting-marker-05-f-manual.svg</title>
 <meta charset='utf-8'>
</head>
<body>
 <h1>Source SVG: painting-marker-05-f-manual.svg</h1>
<svg version="1.1" baseProfile="full" id="svg-root"
  width="100%" height="100%" viewBox="0 0 480 360"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <!--======================================================================-->
  <!--=  SVG 1.1 2nd Edition Test Case                                     =-->
  <!--======================================================================-->
  <!--=  Copyright 2009 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  
  <title id="test-title">$RCSfile: painting-marker-05-f.svg,v $</title>
  <defs>
    <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <defs>
      <marker id="marker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="marker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>
      <marker id="markerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
      </marker>
      <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>

      <marker id="vmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="vmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="visible">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>
      <marker id="vmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="vmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="visible">
        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
      </marker>
      <marker id="vmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="visible">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>

      <marker id="amarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="amarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="auto">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>
      <marker id="amarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="amarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="auto">
        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
      </marker>
      <marker id="amarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="auto">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>

      <marker id="smarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="smarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="scroll">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>
      <marker id="smarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="smarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="scroll">
        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
      </marker>
      <marker id="smarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="scroll">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>

      <marker id="hmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="hmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="hidden">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>
      <marker id="hmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden">
        <rect width="15" height="15" fill="purple" stroke="none"/>
      </marker>
      <marker id="hmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="hidden">
        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
      </marker>
      <marker id="hmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="hidden">
        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
      </marker>
    </defs>

    <style>
      .testpaths {
      fill:none;
      stroke:black;
      stroke-width:8px;
      }

      /* no overflow specified */
      #p1  { marker: url(#marker1); }
      #p2  {
      marker-start: url(#markerStart);
      marker-mid:url(#markerMiddle);
      marker-end: url(#markerEnd);
      }
      #p3  { marker: url(#marker2); }

      /* overflow = visible */
      #p4  { marker: url(#vmarker1); }
      #p5  {
      marker-start: url(#vmarkerStart);
      marker-mid:url(#vmarkerMiddle);
      marker-end: url(#vmarkerEnd);
      }
      #p6  { marker: url(#vmarker2); }

      /* overflow = auto */
      #p7  { marker: url(#amarker1); }
      #p8  {
      marker-start: url(#amarkerStart);
      marker-mid:url(#amarkerMiddle);
      marker-end: url(#amarkerEnd);
      }
      #p9  { marker: url(#amarker2); }

      /* overflow = scroll */
      #p10  { marker: url(#smarker1); }
      #p11  {
      marker-start: url(#smarkerStart);
      marker-mid:url(#smarkerMiddle);
      marker-end: url(#smarkerEnd);
      }
      #p12  { marker: url(#smarker2); }

      /* overflow = hidden */
      #p13  { marker: url(#hmarker1); }
      #p14  {
      marker-start: url(#hmarkerStart);
      marker-mid:url(#hmarkerMiddle);
      marker-end: url(#hmarkerEnd);
      }
      #p15  { marker: url(#hmarker2); }
    </style>

    <text x="50%" y="3em" style="font: 18px SVGFreeSansASCII,sans-serif; text-anchor:middle;">Test marker overflow</text>

    <g style="font: 14px SVGFreeSansASCII,sans-serif; text-anchor:middle" transform="translate(0,280)">
      <text x="60">default</text>
      <text x="155">'visible'</text>
      <text x="245">'auto'</text>
      <text x="340">'scroll'</text>
      <text x="430">'hidden'</text>
    </g>

    <g transform="translate(-30,75)">

      <g id="subtest1" transform="scale(0.6)">
        <path id="p1" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
        <path id="p2" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
        <path id="p3" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
      </g>

      <g id="subtest2" transform="scale(0.6) translate(150,0)">
        <path id="p4" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
        <path id="p5" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
        <path id="p6" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
      </g>

      <g id="subtest3" transform="scale(0.6) translate(300,0)">
        <path id="p7" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
        <path id="p8" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
        <path id="p9" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
      </g>

      <g id="subtest4" transform="scale(0.6) translate(450,0)">
        <path id="p10" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
        <path id="p11" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
        <path id="p12" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
      </g>

      <g id="subtest5" transform="scale(0.6) translate(600,0)">
        <path id="p13" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
        <path id="p14" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
        <path id="p15" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
      </g>
    </g>
  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
  </g>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  <!-- comment out this watermark once the test is approved -->
  <!--<g id="draft-watermark">
    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  </g>-->
</svg>
</body>
</html>
