| <?xml version="1.0" encoding="UTF-8"?> |
| <!--======================================================================--> |
| <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =--> |
| <!--= Institute of Technology, Institut National de Recherche en =--> |
| <!--= Informatique et en Automatique, Keio University). All Rights =--> |
| <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =--> |
| <!--======================================================================--> |
| <!-- =====================================================================--> |
| <!-- --> |
| <!-- linking-a-05-t.svg --> |
| <!-- --> |
| <!-- Verify basic out-bound links and the 'a' element. --> |
| <!-- --> |
| <!-- Notes. This is based on sample files by Kelvin Lawrence et al, for --> |
| <!-- IBM's SVGview. Requires supplemental file, linkingToc-t.svg. --> |
| <!-- --> |
| <!-- Author : Takanari Hayama 07-October-2003 --> |
| <!-- --> |
| <!-- History: --> |
| <!-- 07-oct-2003, HT created --> |
| <!-- --> |
| <!-- =====================================================================--> |
| <!--======================================================================--> |
| <!--= Note. After October 2000, revision history is kept as CVS 'commit' =--> |
| <!--= log messages, and therefore is no longer in the preceding preamble.=--><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"> |
| |
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360"> |
| |
| <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" chapter="linking" section="a" profile="t" index="05" reviewed="yes" reviewer="MI" owner="CN" desc="Verify basic out-bound links and the 'a' element" status="accepted" version="$Revision: 1.8 $" testname="$RCSfile: linking-a-05-t.svg,v $"> |
| |
| <!-- For BE-01 case, 'Previous' should target last BE of previous chapter-focus --> |
| |
| <!-- Previous chapter="interact" focus="cursor" BENumber="08" / --> |
| |
| <!-- For last BE of chapter, 'Next' should target first BE of next chapter-focus --> |
| |
| <!-- Next focus="xlinkAttr" BENumber="02" / --> |
| <!-- Parent chapter="toc" / --> |
| |
| <!-- For now, all BE target DT-01 in same chapter-focus as Child --> |
| |
| <!-- Child testType="DT" DTNumber="01" / --> |
| |
| <OperatorScript> |
| <Paragraph> |
| Verify if the 'a' element properly accept the transform |
| attibute. There are three subtests, in each of which one |
| of three sets of colored arrows comprise the content of |
| an 'a' element. The link destination is expressed by |
| "xlink:href=" as in the test 'linking-a-04-t.svg'. |
| The arrows transformed is in the brighter color, and the |
| arrows before transformation is shown in the darker color. |
| The transformation parameters used for each 'a' element is |
| shown on the left side of each arrow. |
| </Paragraph> |
| <Paragraph> |
| The top-most arrow (yellow) is rotated for 20 degree. |
| The middle arrow (green) is skewed horizontally for |
| -30 degree, and the last arrow (cyan) is translated |
| for (-10, -20). |
| </Paragraph> |
| <Paragraph> |
| Each arrow, i.e. link, should behave as described |
| in 'linking-a-04-t.svg'. The arrows in this test |
| have the same 'xlink:href' attribute as the 'linking-a-04-t' |
| test. |
| </Paragraph> |
| <Paragraph> |
| The test uses the 'rect' and 'polygon' elements, as well as basic fill (solid simple colors and RGB values), |
| stroke (black and colored wide and 1-pixel lines), font-family (Arial) and font-size properties. |
| </Paragraph> |
| </OperatorScript> |
| |
| </SVGTestCase> |
| |
| <title id="test-title">linking-a-05-t</title> |
| <desc id="test-desc">Verify transform attributes in the 'a' element.</desc> |
| <!--======================================================================--> |
| <!--Content of Test Case follows... =====================--> |
| <!--======================================================================--> |
| <g id="test-body-content"> |
| <text x="90" y="16" font-size="12">Verify transform attributes in the 'a' element.</text> |
| <!-- First linking test: link to another SVG file in same location. --> |
| <path fill="rgb(128,128,0)" stroke="rgb(0,0,128)" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/> |
| <a xlink:href="resources/linkingToc-t.svg" transform="rotate(20,225,65)"> |
| <path fill="yellow" stroke="blue" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/> |
| </a> |
| <text x="10" y="45" font-size="10">transform="rotate(20,225,65)</text> |
| <!-- Second linking test: link to another object in this file. --> |
| <g transform="translate(0,90)"> |
| <path fill="rgb(0,128,0)" stroke="rgb(0,0,128)" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/> |
| <a xlink:href="#internal-circle" transform="skewX(-30)"> |
| <path fill="lime" stroke="blue" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/> |
| </a> |
| <text x="10" y="45" font-size="10">transform="skewX(-30)</text> |
| </g> |
| <!-- Third linking test: links to external, remote, non-SVG content (for --> |
| <!-- plugin viewers in browser environments.) --> |
| <g transform="translate(0,180)"> |
| <path fill="rgb(0,128,128)" stroke="rgb(0,0,128)" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/> |
| <a xlink:href="http://www.w3.org" transform="translate(-10,-20)"> |
| <path fill="aqua" stroke="blue" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/> |
| </a> |
| <text x="10" y="45" font-size="10">transform="translate(-10,-20)</text> |
| </g> |
| <!-- Link target of second test --> |
| <circle id="internal-circle" cx="390" cy="153" r="20" stroke="lime" fill="yellow" stroke-width="4"/> |
| <text x="350" y="189" font-size="10">id="internal-circle"</text> |
| </g> |
| <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.8 $</text> |
| <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> |
| </svg> |