Source code
Revision control
Copy as Markdown
Other Tools
SVG Preview (Scaled)
<svg version="1.1" baseProfile="tiny" id="svg-root"
width="100%" height="100%" viewBox="0 0 480 360"
<!--======================================================================-->
<!--= SVG 1.1 2nd Edition Test Case =-->
<!--======================================================================-->
<!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, European Research Consortium for =-->
<!--= Informatics and Mathematics (ERCIM), Keio University). =-->
<!--= All Rights Reserved. =-->
<!--======================================================================-->
template-version="1.4" reviewer="CN" author="SH" status="accepted"
version="$Revision: 1.6 $" testname="$RCSfile: paths-data-10-t.svg,v $">
<d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/paths.html#PathData">
<p>
Verify that the viewer renders the line caps and line joins for
open and closed paths properly.
Verify that the open triangular paths are stroked differently at
ends of the path than they are at their intermediate corners.
In contrast, the corners of a closed path should all appear the
same.
</p>
</d:testDescription>
<p>
Run the test. No interaction required.
</p>
</d:operatorScript>
<p>
The rendered picture should match the reference image exactly
</p>
</d:passCriteria>
</d:SVGTestCase>
<title id="test-title">$RCSfile: paths-data-10-t.svg,v $</title>
<defs>
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
<font-face-src>
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
</font-face-src>
</font-face>
</defs>
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
<g transform="translate(10,10)">
<text font-size="18" x="10" y="20">open</text>
<text font-size="18" x="10" y="38">join=round</text>
<text font-size="18" x="10" y="56">cap=butt</text>
<text font-size="18" x="10" y="74">M, L</text>
<g transform="translate(115,0)">
<path id="triangle-01" fill="green" stroke="#39D" stroke-width="15" stroke-linecap="butt" stroke-linejoin="round" d="M 100 0 L 100 80 0 40 100 0"/>
</g>
</g>
<g transform="translate(10,115)">
<text font-size="18" x="10" y="20">open</text>
<text font-size="18" x="10" y="38">join=bevel</text>
<text font-size="18" x="10" y="56">cap=round</text>
<text font-size="18" x="10" y="74">m, l</text>
<g transform="translate(115,0)">
<path id="triangle-02" fill="green" stroke="#39D" stroke-width="15" stroke-linecap="round" stroke-linejoin="bevel" d="m 100 0 l 0 80 -100 -40 100 -40"/>
</g>
</g>
<g transform="translate(10,220)">
<text font-size="18" x="10" y="20">open</text>
<text font-size="18" x="10" y="38">join=miter</text>
<text font-size="18" x="10" y="56">cap=square</text>
<text font-size="18" x="10" y="74">M, L</text>
<g transform="translate(115,0)">
<path id="triangle-03" fill="green" stroke="#39D" stroke-width="15" stroke-linecap="square" stroke-linejoin="miter" d="M 100 0 L 100 80 0 40 100 0"/>
</g>
</g>
<g transform="translate(250,10)">
<text font-size="18" x="125" y="20">closed</text>
<text font-size="18" x="125" y="38">join=round</text>
<text font-size="18" x="125" y="56">cap=butt</text>
<text font-size="18" x="125" y="74">M, L, Z</text>
<g transform="translate(0,0)">
<path id="triangle-04" fill="green" stroke="#39D" stroke-width="15" stroke-linecap="butt" stroke-linejoin="round" d="M 0 0 L 100 40 0 80 Z"/>
</g>
</g>
<g transform="translate(250,115)">
<text font-size="18" x="125" y="20">closed</text>
<text font-size="18" x="125" y="38">join=bevel</text>
<text font-size="18" x="125" y="56">cap=round</text>
<text font-size="18" x="125" y="74">m, l, z</text>
<g transform="translate(0,0)">
<path id="triangle-05" fill="green" stroke="#39D" stroke-width="15" stroke-linecap="round" stroke-linejoin="bevel" d="m 0 0 l 100 40 -100 40 z"/>
</g>
</g>
<g transform="translate(250,220)">
<text font-size="18" x="125" y="20">closed</text>
<text font-size="18" x="125" y="38">join=miter</text>
<text font-size="18" x="125" y="56">cap=square</text>
<text font-size="18" x="125" y="74">M, L, Z</text>
<g transform="translate(0,0)">
<path id="triangle-06" fill="green" stroke="#39D" stroke-width="15" stroke-linecap="square" stroke-linejoin="miter" d="M 0 0 L 100 40 0 80 Z"/>
</g>
</g>
</g>
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
</g>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
<!-- comment out this watermark once the test is approved -->
<!--<g 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>