SVGViewTests/w3c/1.2T/svg/coords-constr-202-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="ED" owner="AE" desc="Tests constrained transformations" status="accepted"
    approved="no"
    version="$Revision: 1.7 $" testname="$RCSfile: coords-constr-202-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Test Constrained Transformations
        There are three lines of text in this test.
        The first is not constrained.
        The second is constrained with a x and y offset.
        The third is constrained.
        An animation is applied to the viewBox attribute.
        The test will pass if the circles are affected by the viewBox animation and, after applying user agent transforms, the circles behave as defined.
        The test will pass if the three circles align vertically.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: coords-constr-202-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="10">

    <g xml:id="reference" stroke="none">
      <rect x="15" y="15" height="270" width="450" fill="none" stroke="black" stroke-width="0.25"/>
      <text xml:id="display-title" x="240" y="50" text-anchor="middle" font-size="16" fill="#000">Constrained Transformations</text>
      <text  x="240" y="70" text-anchor="middle" font-size="10" fill="#555">Animation of the viewBox. Nothing should be constrained during the animation.</text>
    </g>
    <g fill="blue" stroke="none">
      <circle cx="50" cy="105" r="15"/>
      <text x="70" y="115" font-size="12">Can be panned, rotated and scaled by the user agent transform.</text>
    </g>
    <g transform="ref(svg,10,10)" fill="blue">
      <circle cx="40" cy="150" r="15"/>
      <text x="60" y="160" stroke="none" font-size="12">Cannot be transformed by the user agent transform.</text>
    </g>
    <g transform="ref(svg)">
      <circle cx="50" cy="215" r="15" fill="blue"/>
      <text x="70" y="225" fill="blue" font-size="12">Cannot be transformed by the user agent transform.</text>
    </g>
    <animate xlink:href="#svg-root" attributeName="viewBox" values="0 0 480 360; 0 0 960 720; 0 0 240 180; 0 0 480 360" keyTimes="0; 0.333; 0.666; 1" begin="2" dur="5" fill="freeze"/>
  </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>