struct-use-01-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="CN" owner="VH" desc="Tests that the viewer can handle various types of use references" status="accepted"

    approved="yes"

    version="$Revision: 1.6 $" testname="$RCSfile: struct-use-01-t.svg,v $">

    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">

      <p>The purpose of this test is to validate proper handling of the use element. In particular, the test checks the proper inheritance of properties through the shadow tree (rather than through the document tree).</p>

      <p>The test should display various elements in different shades of green. If an element is not displayed in green, but in red fill and/or yellow stroke, then it is in error.</p>

    </d:OperatorScript>

  </SVGTestCase>

  <title xml:id="test-title">$RCSfile: struct-use-01-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>

      <g fill="red" stroke="yellow" stroke-width="3">

        <rect xml:id="usedRect" width="20" height="20" />

        <circle xml:id="usedCircle" cx="10" cy="10" r="10" />

        <ellipse xml:id="usedEllipse" cx="10" cy="10" rx="10" ry="10" />

        <line xml:id="usedLine" x1="0" y1="10" x2="20" y2="10" />

        <path xml:id="usedPath" d="M 0 0 L 20 0 L 20 20 L 0 20 Z" />

        <polygon xml:id="usedPolygon" points="0,0 20,0 20,20 0,20 0 0" />

        <polyline xml:id="usedPolyline" points="0,0 20,0 20,20" />

        <g xml:id="usedG">

          <rect width="10" height="20" />

          <rect x="10" width="10" height="20" fill="rgb(0,128,0)" />

        </g>

        <use xml:id="usedUse" xlink:href="#usedRect" />

        <image xml:id="usedImage" xlink:href="../images/20x20.png" width="20" height="20" />

        <text xml:id="usedText">Text</text>

      </g>

    </defs>

<g>

      <g xml:id="labels" transform="translate(130, 40)" font-size="20" text-anchor="end">

        <text>&lt;rect&gt;</text>

        <text y="30">&lt;circle&gt;</text>

        <text y="60">&lt;ellipse&gt;</text>

        <text y="90">&lt;line&gt;</text>

        <text y="120">&lt;polyline&gt;</text>

        <text y="150">&lt;polygon&gt;</text>

        <text y="180">&lt;path&gt;</text>

        <text y="210">&lt;image&gt;</text>

        <text y="240">&lt;text&gt;</text>

      </g>

      <g xml:id="labelsColumn2" transform="translate(310, 40)" font-size="20" text-anchor="end">

        <text>&lt;g&gt;</text>

        <text y="30">&lt;use&gt;</text>

      </g>

    </g>

    <g transform="translate(150, 25)">

      <use xlink:href="#usedRect" fill="#0F0" />

      <use y="30" xlink:href="#usedCircle" fill="#0F0" />

      <use y="60" xlink:href="#usedEllipse" fill="#0F0" />

      <use y="90" xlink:href="#usedLine" stroke="#0F0" stroke-width="2" />

      <use y="120" xlink:href="#usedPolyline" stroke="#0F0" stroke-width="2" fill="none" />

      <use y="150" xlink:href="#usedPolygon" fill="#0F0" />

      <use y="180" xlink:href="#usedPath" fill="#0F0" />

      <use y="210" xlink:href="#usedImage" fill="#FF0" />

      <use y="260" xlink:href="#usedText" fill="#0F0" font-weight="bold" font-size="25" font-style="italic" />

      <use x="180" y="0" xlink:href="#usedG" fill="#0F0" />

      <use x="180" y="30" xlink:href="#usedUse" fill="#0c0" />

    </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.6 $</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>

Revision control

Copy as Markdown