113 lines
6.6 KiB
XML
113 lines
6.6 KiB
XML
<?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>
|