SVGViewTests/w3c/1.2T/svg/paint-stroke-205-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.2" baseProfile="tiny" xml: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" xmlns:xe="http://www.w3.org/2001/xml-events">
  <!--======================================================================-->
  <!--=  Copyright 2008 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/.                          =-->
  <!--======================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
    reviewer="NR" owner="DOH" desc="Path length zero subpaths stroking and stroke-linecap" status="created"
    approved="no"
    version="$Revision: 1.7 $" testname="$RCSfile: paint-stroke-205-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Stroking for subpaths with path length zero, depending on stroke-linecap.
      </p>
      <p>
        The main indication for a failed test is the appearence of something red
        (this simple indication may fail itself, if the viewer does not support stroke-linecap).
      </p>
      <p>
        Several paths containing a subpath with length zero are
        stroked and some of them animated.
      </p>
      <p>
        The zero length subpath is placed between two
        other subpaths of finite length or before or after a
        subpath of finite length or in one case the path consists of two
        subpaths of length zero.
        The behaviour is checked for stroke-linecap round,
        square (subpath visible) and bevel (subpath not visible)
        on the left.
      </p>
      <p>
        On the right the behaviour is tested with simple
        animations to check the correct alignment
        or shrinking to zero length.
        stroke-linecap is animated between round or square too
        for some of them.
      </p>
      <p>
        The behaviour is compared with similar paths with a
        subpath of a very small length. Because the  red stroked
        paths have a slightly smaller stroke, they are always covered
        by blue paths.
        If something red gets visible, an error is occured.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: paint-stroke-205-t.svg,v $</title>
  <defs>
    <font-face
      font-family="SVGFreeSansASCII"
      unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../images/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g xml:id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">

    <defs>
      <animate xlink:href="#bluetestcase"
        attributeName="d"
        attributeType="XML"
              values="
	M200,200L300,300M500,500ZM700,700L800,800;
	M800,200L700,300M500,500ZM300,700L200,800;
	M800,800L700,700M500,500ZM300,300L200,200;
	M200,800L300,700M500,500ZM700,300L800,200;
	M200,200L300,300M500,500ZM700,700L800,800
	"
        dur="10s"
        repeatDur="indefinite" />
      <animate xlink:href="#rederror"
        attributeName="d"
        attributeType="XML"
              values="
	M200,200L300,300M499.99,499.99L500.01,500.01M700,700L800,800;
	M800,200L700,300M500.01,499.99L499.99,500.01M300,700L200,800;
	M800,800L700,700M500.01,500.01L499.99,499.99M300,300L200,200;
	M200,800L300,700M499.99,500.01L500.01,499.99M700,300L800,200;
	M200,200L300,300M499.99,499.99L500.01,500.01M700,700L800,800
	"
        dur="10s"
        repeatDur="indefinite" />

      <animate xlink:href="#bluetestcase2"
        attributeName="d"
        attributeType="XML"
              values="M200,1000h100M450,1000h100M700,1000h100;M200,1000h100M500,1000h0M700,1000h100"
        dur="4s"
        fill="freeze" />
      <animate xlink:href="#rederror2"
        attributeName="d"
        attributeType="XML"
              values="M200,1000h100M450,1000h100M700,1000h100;M200,1000h100M499.99,1000h0.02M700,1000h100"
        dur="4s"
        fill="freeze" />


      <animate xlink:href="#bluetestcase3"
        attributeName="d"
        attributeType="XML"
              values="M1000,100v100m0,300v100m0,300v100;M1000,200v200m0,200v0m0,200v200"
        dur="4s"
        fill="freeze" />
      <animate xlink:href="#rederror3"
        attributeName="d"
        attributeType="XML"
              values="M1000,100v100m0,300v100m0,300v100;M1000,200v200m0,199.99v0.02m0,199.99v200"
        dur="4s"
        fill="freeze" />

      <animate xlink:href="#bluetestcase4"
        attributeName="d"
        attributeType="XML"
              values="M-350,1000h100m100,0c500,-800 -500,-800  0,0m100,0h100;
	              M-350,1000h100m100,0c0,0 0,0  0,0m100,0h100"
        dur="4s"
        begin="5s"
        fill="freeze" />
      <animate xlink:href="#rederror4"
        attributeName="d"
        attributeType="XML"
              values="M-350,1000h100m100,0c500,-800 -500,-800  0,0m100,0h100;
	              M-350,1000h100m99.99,0c0,0 0,0  0.02,0m99.99,0h100"
        dur="4s"
        begin="5s"
        fill="freeze" />

      <animate xlink:href="#bluetestcase5"
        attributeName="d"
        attributeType="XML"
              values="M600,1300h100m120,0c120,0 0,120 200,100; 
	M600,1300h0m120,0c120,0 0,120 200,100; 
	M600,1300h0m120,0c0,120 120,0 200,-100; 
	M600,1300h0m120,0c0,120 120,0 200,-100"
        dur="21.2s"
        repeatDur="indefinite" />
      <animate xlink:href="#rederror5"
        attributeName="d"
        attributeType="XML"
              values="M600,1300l100,0m120,0c120,0 0,120 200,100; 
	M600,1300l0.01,0m120,0c120,0 0,120 200,100; 
	M600,1300l0,0.01m120,0c0,120 120,0 200,-100; 
	M600,1300l0,0.01m120,0c0,120 120,0 200,-100"
        dur="21.2s"
        repeatDur="indefinite" />

      <animate xlink:href="#bluetestcase6"
        attributeName="d"
        attributeType="XML"
              values="M150,1300c120,0 0,120 240,120m100,0v0;
	M150,1300c120,0 0,120 240,-120m100,0v0;
	M150,1300c120,0 0,120 120,120m100,0v0;
	M150,1300c120,0 0,120 120,120m100,0v0"
        dur="23.1s"
        repeatDur="indefinite" />
      <animate xlink:href="#rederror6"
        attributeName="d"
        attributeType="XML"
              values="M150,1300c120,0 0,120 240,120m100,0l0.01,0;
	M150,1300c120,0 0,120 240,-120m100,0l0.01,-0.01;
	M150,1300c120,0 0,120 120,120m100,0l0.005,0;
	M150,1300c120,0 0,120 120,120m100,0l0.005,0"
        dur="23.1s"
        repeatDur="indefinite" />


      <animate xlink:href="#g1"
        attributeName="stroke-linecap"
        attributeType="XML"
              values="round;square"
        dur="9.34s"
        repeatDur="indefinite" />

      <g xml:id="simplePaths">
        <path d="M200,200L300,300M399.99,399.99L400.01,400.01M500,300L600,250"
          stroke="red"
          stroke-width="48">
          <title>Red comparison - if visible - error</title>
        </path>
        <path d="M200,200L300,300M400,400ZM500,300L600,250"
          stroke="blue"
          stroke-width="50">
          <title>Blue testcase covers all red if correct</title>
        </path>

        <path d="M200,300L300,400M399.99,499.99L400.01,500.01M500,400L600,350"
          stroke="red"
          stroke-width="48">
          <title>Red comparison - if visible - error</title>
        </path>
        <path d="M200,300L300,400M400,500L400,500M500,400L600,350"
          stroke="blue"
          stroke-width="50">
          <title>Blue testcase covers all red if correct</title>
        </path>

        <path d="M700,200V300M700,399.99V400.01M750,450L800,500"
          stroke="red"
          stroke-width="48">
          <title>Red comparison - if visible - error</title>
        </path>
        <path d="M700,200V300M700,400V400M750,450L800,500"
          stroke="blue"
          stroke-width="50">
          <title>Blue testcase covers all red if correct</title>
        </path>

        <path d="M900,200v100m0,99.99v0.01m50,50l50,50"
          stroke="red"
          stroke-width="48">
          <title>Red comparison - if visible - error</title>
        </path>
        <path d="M900,200v100m0,100v0m50,50l50,50"
          stroke="blue"
          stroke-width="50">
          <title>Blue testcase covers all red if correct</title>
        </path>

        <path d="M1100,200H1200m-100.01,100H1100m50,50l50,50"
          stroke="red"
          stroke-width="48">
          <title>Red comparison - if visible - error</title>
        </path>
        <path d="M1100,200H1200m-100,100H1100m50,50l50,50"
          stroke="blue"
          stroke-width="50">
          <title>Blue testcase covers all red if correct</title>
        </path>

      </g>
    </defs>


    <g stroke-linecap="square" fill="none" transform=" translate(-20,-30) scale(0.2)">
      <title>linecap square - zero path visible</title>
      <use xlink:href="#simplePaths" />

      <path d="M20,250Q70,265 130,250M175,230c0,0 0,0 0,0M220,250Q280,265 330,250">
        <title>Blue testcase 3</title>
      </path>
    </g>

    <g stroke-linecap="round" fill="none" transform=" translate(-20,30) scale(0.2)">
      <title>linecap round - zero path visible</title>
      <use xlink:href="#simplePaths" />
    </g>

    <g stroke-linecap="butt" fill="none" transform=" translate(-20,90) scale(0.2)">
      <title>linecap butt - zero path not visible, blue covers all red</title>
      <path d="M200,200L300,300M400,400ZM500,300L600,250"
        stroke="red"
        stroke-width="48" />
      <path d="M200,200L300,300M500,300L600,250"
        stroke="blue"
        stroke-width="50" />

      <path d="M200,300L300,400M400,500L400,500M500,400L600,350"
        stroke="red"
        stroke-width="48" />
      <path d="M200,300L300,400M500,400L600,350"
        stroke="blue"
        stroke-width="50" />
    </g>

    <g stroke-linecap="square" fill="none"
          transform=" translate(-100,130) scale(0.4)">
      <title>linecap square - zero path visible</title>
      <g stroke="red" stroke-width="24">
        <path d="M300,150l0.004,0.001m50,0q50,15 110,0" />
        <path d="M300,200q50,15 110,0m50,0l-0.004,0.001" />
        <path d="M299.98,249.99l0.02,0.01m49.98,-0.01l0.02,0.01m50,0l60,30" />
        <path d="M499.99,250l0.002,0m49.99,0h0.002"/>
      </g>

      <g stroke="blue" stroke-width="25">
        <path d="M300,150l0,0m50,0q50,15 110,0" />
        <path d="M300,200q50,15 110,0m50,0z" />
        <path d="M300,250zm50,0zm50,0l60,30" />
        <path d="M500,250zm50,0z" />
      </g>
    </g>


    <g xml:id="g1" stroke-linecap="square" fill="none" transform=" translate(250,70) scale(0.2)">
      <path xml:id="rederror"
        d="M200,200L300,300M499.99,499.99L500.01,500.01M700,700L800,800"
        stroke="red"
        stroke-width="48">
        <title>Red comparison - if visible - error</title>
      </path>
      <path xml:id="bluetestcase"
        d="M200,300L300,300M500,500ZM700,700L800,700"
        stroke="blue"
        stroke-width="50">
        <title>Blue testcase covers all red if correct</title>
      </path>

      <path xml:id="rederror2"
       d="M200,1000h100M450,1000h100M700,1000h100"
       stroke="red"
       stroke-width="48">
        <title>Red comparison - if visible - error</title>
      </path>
      <path xml:id="bluetestcase2"
        d="M200,900h100M450,900h100M700,900h100"
        stroke="blue"
        stroke-width="50">
        <title>Blue testcase covers all red if correct</title>
      </path>

      <path xml:id="rederror3"
       d="M1100,100v100m0,300v100m0,300v100"
       stroke="red"
       stroke-width="48">
        <title>Red comparison - if visible - error</title>
      </path>
      <path xml:id="bluetestcase3"
        d="M1000,100v100m0,300v100m0,300v100"
        stroke="blue"
        stroke-width="50">
        <title>Blue testcase covers all red if correct</title>
      </path>


      <path xml:id="rederror4"
        d="M-350,1000h100m99.99,0c0,0 0,0  0.02,0m99.99,0h100"
        stroke="red"
        stroke-width="48">
        <title>Red comparison - if visible - error</title>
      </path>
      <path xml:id="bluetestcase4"
        d="M-350,1000h100m100,0c0,0 0,0  0,0m100,0h100"
        stroke="blue"
        stroke-width="50">
        <title>Blue testcase covers all red if correct</title>
      </path>
    </g>


    <g stroke-linecap="square" fill="none" transform=" translate(250,70) scale(0.2)">
      <path xml:id="rederror5"
        d="M599.99,1300h0.01m120,0c120,0 0,120 200,100"
        stroke="red"
        stroke-width="48">
        <title>Red comparison - if visible - error</title>
      </path>
      <path xml:id="bluetestcase5"
        d="M600,1300h0m120,0c120,0 0,120 200,100"
        stroke="blue"
        stroke-width="50">
        <title>Blue testcase covers all red if correct</title>
      </path>


      <path xml:id="rederror6"
        d="M100,1300c120,0 0,120 240,120m100,0v0.01"
        stroke="red"
        stroke-width="48">
        <title>Red comparison - if visible - error</title>
      </path>
      <path xml:id="bluetestcase6"
        d="M100,1300c120,0 0,120 240,120m100,0v0"
        stroke="blue"
        stroke-width="50">
        <title>Blue testcase covers all red if correct</title>
      </path>
    </g>


    <g stroke="none" fill="#ccc">
      <text x="240" y="30">stroking of path fragments</text>
      <text x="240" y="50">with length zero</text>
      <text x="240" y="80">red = wrong</text>
    </g>

  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.7 $</text>
  </g>
  <rect xml: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 xml: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>