Skip to content
GitLab
Commit d5c659a5 authored by Eric Domke's avatar Eric Domke
Browse files

Refactoring while working through W3C tests 

- Adding W3C test cases and a test fixture
- Fixed support for CSS stylesheets (particularly when class names are
referenced)
- Refactoring unit calculations so that percentages and fractions
calculate more accurately
- SvgImage:
- Support PreserveAspectRatio attribute
- Support for referencing svg images
- Refactored text rendering to use the AttributeCollection inheritance
scheme
- Initial attempt at 'ex' unit support
- Added support for system color names
- Changed parsing of entities to support XML entities
- Supporting loading of a svg document directly from a XmlDocument with
requiring serializing the document as a string first.
- ...
parent 3aedd8e8
Hide whitespace changes
Inline Side-by-side
Tests/W3CTestSuite/images/case-insensitivity.css 0 → 100644
View file @ d5c659a5
#d {fill: red }
#d {FiLl: oRaNgE }
Tests/W3CTestSuite/images/coords-units-01-f.svg 0 → 100644
View file @ d5c659a5
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!--======================================================================-->
<!--= Copyright 2002 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/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- -->
<!-- coords-units-01-f.svg -->
<!-- 1.1 revision by Christophe Jolif -->
<!-- -->
<!-- Validate the processing rules for converting coordinates and -->
<!-- lengths defined in fractions of the current object's bounding box -->
<!-- to user space coordinates and length. -->
<!-- -->
<!-- Author : Vincent Hardy, 29-Feb-2000 -->
<!-- -->
<!-- History: -->
<!-- 29-Feb-2000, VH: Created. Matches 20000302 SVG spec. -->
<!-- 09-Mar-2000, LH: suite integration (name, editorial, ..), ser#2 -->
<!-- 09-Mar-2000, LH: fix framing rect, ser#3. -->
<!-- 24-Apr-2000, LH: remove text-anchor, ser#4. -->
<!-- 02-Jun-2000, LH: fix fx,fy on radial grads" stroke lines; ser#5. -->
<!-- 04-Jun-2000, LH: mark "NA" (in -patch) on PNG, for patterns" ser#6 -->
<!-- 03-Aug-2000, LH: update DOCTYPE for CR DTD, 20000802" ser# . -->
<!-- 16-Aug-2000, LH: rename ser#7. -->
<!-- 29-Sep-2000, VH: fixed pattern reference problems" ser#8. -->
<!-- 07-Dec-2000, JF: update to Nov. 2 spec, fix other errors. -->
<!-- -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="480" height="360">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<OperatorScript>
<Paragraph>
Verify the conversion processing of percentage and fraction values relative to
object bounding boxes. This is used when defining linear and radial gradients
as well as patterns.
</Paragraph>
<Paragraph>
The test validates conversion for coordinates, width, height and length. The first
test defines three corresponding linear gradients, which specify coordinates
using percentages for one, fractions for the second and user coordinates for the
third. The second test defines three corresponding radial gradients, which specify
a length (radius) using percentages for the first, fractions for the second and
user space for the third. Finally, the third test defines three corresponding patterns,
which specify their width and height using percentages for the first, fractions for the
second and user space coordinates for the last one.
</Paragraph>
<Paragraph>
The rendered image should match the reference image. Also, the text may
show minor differences, per CSS2 rules for font selection and matching.
</Paragraph>
<Paragraph>
The test also assumes that linear and radial gradients,
as well as patterns are implemented.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">coords-units-01-f</title>
<desc id="test-desc">This test validates the processing rules for converting coordinates and length defined in fractions of the current object's bounding box to user space coordinates and length. Note that this test assumes that linear and radial gradients, as well as patterns are implemented.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<!-- ==================================================================== -->
<!-- The following gradients will be used to fill a rectangle with the -->
<!-- following geometry in User space: x=0, y=0, width=50 height=20 -->
<!-- The gradient vector, in linearBoundingBox, is defined as: (0%, 0%) -->
<!-- to (100%, 0%). -->
<!-- The gradient vector, in linearBoundingBoxFraction, is defined as: -->
<!-- (0, 0) to (1, 0), which is equivalent. -->
<!-- According to the spec, for our rectangle, this corresponds to the -->
<!-- following user space coordinates: -->
<!-- (0%, 0%) becomes (0, 0) and (100%, 0%) becomes (20, 0) -->
<!-- These values are used to define the linearUserSpace gradient. -->
<!-- If the test succeeds, all the gradient should fill the rectangles -->
<!-- the same way -->
<!-- ==================================================================== -->
<linearGradient id="linearBoundingBoxPercentage" gradientUnits="objectBoundingBox" x1="0%" y1="0%" x2="100%" y2="0%">
<stop stop-color="red" offset="0"/>
<stop stop-color="blue" offset="1"/>
</linearGradient>
<linearGradient id="linearBoundingBoxFraction" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
<stop stop-color="red" offset="0"/>
<stop stop-color="blue" offset="1"/>
</linearGradient>
<linearGradient id="linearUserSpace" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="50" y2="0">
<stop stop-color="red" offset="0"/>
<stop stop-color="blue" offset="1"/>
</linearGradient>
<!-- Draw Text Comment -->
<text x="30" y="30">Bounding box relative coordinates (percentage and fraction)</text>
<g transform="translate(30, 40)">
<rect x="0" y="0" width="50" height="20" fill="url(#linearBoundingBoxPercentage)"/>
<rect x="0" y="0" width="50" height="20" transform="translate(0, 20)" fill="url(#linearBoundingBoxFraction)"/>
<rect x="0" y="0" width="50" height="20" transform="translate(0, 40)" fill="url(#linearUserSpace)"/>
<line x1="0" y1="20" x2="50" y2="20" stroke="#cccccc" stroke-width="1"/>
<line x1="0" y1="40" x2="50" y2="40" stroke="#cccccc" stroke-width="1"/>
<text x="60" y="15">Percentage</text>
<text x="60" y="35">Fraction</text>
<text x="60" y="55">User Space</text>
</g>
<!-- ==================================================================== -->
<!-- The following gradients will be used to fill a rectangle with the -->
<!-- following geometry in User space: x=0, y=0, width=60 height=60 -->
<!-- The radial gradient outmost circle, in radialBoundingBox, is defined -->
<!-- as: cx=25% cy=25% r=25% -->
<!-- The radial gradient outmost circle, in radialBoundingBoxFraction, is -->
<!-- defined as: cx=0.25 cy=0.25 and r=0.25 -->
<!-- These two definition, for our rectangle, should be identical to the -->
<!-- following radial gradient outmost circle, in radialUserSpace: -->
<!-- cx=15 cy=15 r=15 -->
<!-- ==================================================================== -->
<radialGradient id="radialBoundingBoxPercentage" gradientUnits="objectBoundingBox" cx="25%" cy="25%" r="25%" fx="25%" fy="25%">
<stop stop-color="red" offset="0"/>
<stop stop-color="blue" offset="1"/>
</radialGradient>
<radialGradient id="radialBoundingBoxFraction" gradientUnits="objectBoundingBox" cx="0.25" cy="0.25" r="0.25" fx="0.25" fy="0.25">
<stop stop-color="red" offset="0"/>
<stop stop-color="blue" offset="1"/>
</radialGradient>
<radialGradient id="radialUserSpace" gradientUnits="userSpaceOnUse" cx="15" cy="15" r="15" fx="15" fy="15">
<stop stop-color="red" offset="0"/>
<stop stop-color="blue" offset="1"/>
</radialGradient>
<!-- Draw Text Comment -->
<text x="30" y="130">Bounding box relative length (percentage and fraction)</text>
<g transform="translate(30, 140)">
<rect x="0" y="0" width="60" height="60" fill="url(#radialBoundingBoxPercentage)"/>
<rect x="0" y="0" width="60" height="60" transform="translate(61, 0)" fill="url(#radialBoundingBoxFraction)"/>
<rect x="0" y="0" width="60" height="60" transform="translate(122, 0)" fill="url(#radialUserSpace)"/>
<text x="0" y="70">Percent.</text>
<text x="61" y="70">Fraction</text>
<text x="122" y="70">User Space</text>
</g>
<!-- ==================================================================== -->
<!-- The following patterns will be used to fill a rectangle, with the -->
<!-- following geometry in User space: x=0, y=0, width=50 height=30 -->
<!-- The pattern tile, in patterBoundingBoxPercentage, is defined as: -->
<!-- x=25% y=25% width=50% height=50% -->
<!-- The pattern tile, in patternBoundingBoxFraction, is defined as: -->
<!-- x=0.25 y=0.25 width=0.50 height=0.50 -->
<!-- For our test rectangle, both correspond to the following User space -->
<!-- coordinates: x=12.5 y=7.5 width=25 height=15 -->
<!-- These coordinates are use to define the patternUserSpace tile -->
<!-- ==================================================================== -->
<pattern id="patternBoundingBoxPercentage" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox" x="25%" y="25%" width="50%" height="50%">
<circle cx="0.50" cy="0.50" r="0.25" fill="red"/>
<rect x="0.4" y="0.4" width=".2" height=".2" fill="blue"/>
</pattern>
<pattern id="patternBoundingBoxFraction" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox" x="0.25" y="0.25" width="0.50" height="0.50">
<circle cx="0.50" cy="0.50" r="0.25" fill="red"/>
<rect x="0.4" y="0.4" width=".2" height=".2" fill="blue"/>
</pattern>
<pattern id="patternUserSpace" patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse" x="12.5" y="7.5" width="25" height="15">
<circle id="patternContent" cx="25" cy="15" r="10" fill="red"/>
<rect x="20" y="12" width="10" height="6" fill="blue"/>
</pattern>
<!-- Draw Text Comment -->
<text x="30" y="240">Bounding box relative width/height (percentage and fraction)</text>
<g transform="translate(30, 250)">
<rect x="0" y="0" width="50" height="30" fill="url(#patternBoundingBoxPercentage)" stroke="black"/>
<rect x="0" y="0" width="50" height="30" transform="translate(150, 0)" fill="url(#patternBoundingBoxFraction)" stroke="black"/>
<rect x="0" y="0" width="50" height="30" transform="translate(300, 0)" fill="url(#patternUserSpace)" stroke="black"/>
<text x="60" y="20">Percentage</text>
<text x="210" y="20">Fraction</text>
<text x="360" y="20">User Space</text>
</g>
<!-- Test framing rectangle, drawn just inside viewport boundary. -->
<rect x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</g>
<!--======================================================================-->
<!--Legend and frame: Title, suite and SVG document serialization====-->
<!--======================================================================-->
<g id="test-legend" fill="black" font-family="Helvetica" font-size="10">
<rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000"/>
<path fill="none" stroke="#000000" d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
<text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
<a xlink:href="copyright-documents-19990405.html">
<text x="12" y="347" fill="blue">Copyright 2002 W3C. All Rights Reserved.</text>
</a>
<text font-size="12" x="35" y="330">coords-units-01-f</text>
<text font-size="10" x="210" y="327">$Revision: 1.1 $</text>
<text font-size="10" x="210" y="345">Release 1.0</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</g>
</svg>
Tests/W3CTestSuite/images/copyright-documents-19990405.html 0 → 100644
View file @ d5c659a5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<title>DOCUMENT NOTICE</title>
<link rel="stylesheet" type="text/css" href="/StyleSheets/base.css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<h1>W3C<sup>®</sup> DOCUMENT NOTICE AND LICENSE</h1>
<h3>Copyright © 1994-2000 <a href="http://www.w3.org/">World Wide Web Consortium</a>, (<a
href="http://www.lcs.mit.edu/">Massachusetts Institute of Technology</a>, <a
href="http://www.inria.fr/">Institut National de Recherche en Informatique et en
Automatique</a>, <a href="http://www.keio.ac.jp/">Keio University</a>). All Rights
Reserved.<br>
http://www.w3.org/Consortium/Legal/</h3>
<p>Public documents on the W3C site are provided by the copyright holders under the
following license. The software or Document Type Definitions (DTDs) associated with W3C
specifications are governed by the <a
href="http://www.w3.org/Consortium/Legal/copyright-software.html">Software Notice</a>. By
using and/or copying this document, or the W3C document from which this statement is
linked, you (the licensee) agree that you have read, understood, and will comply with the
following terms and conditions:</p>
<p>Permission to use, copy, and distribute the contents of this document, or the W3C
document from which this statement is linked, in any medium for any purpose and without
fee or royalty is hereby granted, provided that you include the following on <i>ALL</i>
copies of the document, or portions thereof, that you use:
<ol>
<li>A link or URL to the original W3C document.</li>
<li>The pre-existing copyright notice of the original author, or if it doesn't exist, a
notice of the form: &quot;Copyright © [$date-of-document] <a href="http://www.w3.org/">World
Wide Web Consortium</a>, (<a href="http://www.lcs.mit.edu/">Massachusetts Institute of
Technology</a>, <a href="http://www.inria.fr/">Institut National de Recherche en
Informatique et en Automatique</a>, <a href="http://www.keio.ac.jp/">Keio University</a>).
All Rights Reserved. http://www.w3.org/Consortium/Legal/&quot; (Hypertext is preferred,
but a textual representation is permitted.)</li>
<li><em>If it exists</em>, the STATUS of the W3C document.</li>
</ol>
<p>When space permits, inclusion of the full text of this <b>NOTICE </b>should be
provided. We request that authorship attribution be provided in any software, documents,
or other items or products that you create pursuant to the implementation of the contents
of this document, or any portion thereof.</p>
<p>No right to create modifications or derivatives of W3C documents is granted pursuant to
this license. However, if additional requirements (documented in the <a
href="IPR-FAQ.html">Copyright FAQ</a>) are satisfied, the right to create modifications or
derivatives is&nbsp;sometimes granted by the W3C to individuals complying with those
requirements.</p>
<p>THIS DOCUMENT IS PROVIDED &quot;AS IS,&quot; AND COPYRIGHT HOLDERS MAKE NO
REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, OR
TITLE; THAT THE CONTENTS OF THE DOCUMENT ARE SUITABLE FOR ANY PURPOSE; NOR THAT THE
IMPLEMENTATION OF SUCH CONTENTS WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS,
TRADEMARKS OR OTHER RIGHTS.</p>
<p>COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL
DAMAGES ARISING OUT OF ANY USE OF THE DOCUMENT OR THE PERFORMANCE OR IMPLEMENTATION OF THE
CONTENTS THEREOF.</p>
<p>The name and trademarks of copyright holders may NOT be used in advertising or
publicity pertaining to this document or its contents without specific, written prior
permission. Title to copyright in this document will at all times remain with copyright
holders.</p>
<p>----------------------------------------------------------------------------</p>
<p>This formulation of W3C's notice and license became active on April 05 1999 so as to
account for the treatment of DTDs, schema's and bindings. See the <a
href="copyright-documents-19990218.html">older formulation</a> for the policy prior to
this date. Please see our <a href="IPR-FAQ.html">Copyright FAQ</a> for common questions
about using materials from our site, including specific terms and conditions for packages
like libwww, Amaya, and Jigsaw. Other questions about this notice can be directed to <a
href="mailto:site-policy@w3.org">site-policy@w3.org</a>.</p>
<address>
<a href="http://w3.org/Help/Webmaster.html">webmaster</a><br>
(last updated by reagle on 1999/04/99.)
</address>
</body>
</html>
Tests/W3CTestSuite/images/ext-TestComic.svg 0 → 100644
View file @ d5c659a5
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<!-- ===================================================================== -->
<!-- Define the font for embedding - using Microsoft's "Comic Sans MS" -->
<!-- This is an SVG Font version of Comic. The Comic font license -->
<!-- allows editable and installable font embedding. -->
<!-- Only need to embed the characters that are used in the test -->
<!-- ===================================================================== -->
<font horiz-adv-x="959" id="Font">
<font-face font-family="TestComic" units-per-em="2048" panose-1="3 15 7 2 3 3 2 2 2 4" ascent="2257" descent="-597" alphabetic="0"/>
<missing-glyph horiz-adv-x="1024" d="M128 0V1638H896V0H128zM256 128H768V1510H256V128z"/>
<glyph unicode="@" horiz-adv-x="1907" d="M1306 412Q1200 412 1123 443T999 535Q945 482 894 455T793 428Q682 428 584 518T485 717Q485 902 630 1055T961 1208Q1003 1208 1031 1177T1059 1102Q1059 1042 959 1013Q826 975 771 926Q690 855 690 717Q690 688 717 661Q748 631 794 633Q881 637 955 795Q1022 933 1074 933Q1116 933 1142 902T1168 826Q1168 806 1162 766T1155 706Q1155 641 1211 624Q1233 617 1306 617Q1443 617 1498 684Q1548 744 1548 883Q1548 1128 1351 1283Q1171 1425 921 1425Q630 1425 465 1205Q316 1009 316 712Q316 438 491 250Q673 54 959 54Q1040 54 1142 85L1317 150Q1361 166 1374 166Q1415 166 1445 134T1475 58Q1475 -37 1262 -96Q1101 -140 961 -140Q820 -140 673 -86T420 60Q110 328 110 712Q110 1096 322 1354Q547 1630 921 1630Q1259 1630 1500 1427Q1753 1212 1753 883Q1753 658 1643 537Q1528 412 1306 412z"/>
<glyph unicode="A" horiz-adv-x="1498" d="M1250 -30Q1158 -30 1090 206Q1064 296 1025 521Q923 507 758 471L492 416Q442 285 321 33Q289 -23 234 -23Q194 -23 163 6T131 78Q131 126 282 443Q265 469 265 503Q265 584 363 607Q477 821 651 1099Q888 1478 946 1478Q1025 1478 1054 1368L1117 1032L1266 337L1323 179Q1352 98 1352 71Q1352 28 1321 -1T1250 -30zM897 1113L611 652Q732 683 978 727L897 1113z"/>
<glyph unicode="y" horiz-adv-x="1066" d="M1011 892L665 144Q537 -129 469 -313L403 -507Q377 -579 313 -579Q271 -579 241 -552T210 -483Q210 -383 426 96L68 785L23 858Q-4 904 -4 935Q-4 976 27 1007T98 1038Q144 1038 169 1003Q339 767 534 331L682 676Q762 855 836 984Q868 1040 920 1040Q961 1040 992 1011T1024 942Q1024 920 1011 892z"/>
<glyph unicode="Ö" horiz-adv-x="1635" d="M802 -61Q520 -61 324 108Q116 288 116 572Q116 918 321 1201Q550 1515 892 1515Q1221 1515 1381 1367Q1548 1213 1548 881Q1548 535 1360 257Q1144 -61 802 -61zM892 1310Q647 1310 477 1066Q320 842 320 572Q320 379 463 258Q600 144 802 144Q1045 144 1203 389Q1344 608 1344 881Q1344 1120 1237 1217Q1135 1310 892 1310zM682 1848Q813 1848 813 1743Q813 1713 769 1685Q729 1660 694 1660Q571 1660 571 1763Q571 1792 608 1820T682 1848zM1221 1856Q1255 1856 1290 1825T1325 1763Q1325 1671 1182 1671Q1141 1671 1109 1692Q1073 1716 1073 1755Q1073 1824 1118 1844Q1143 1856 1221 1856z"/>
<glyph unicode="ç" horiz-adv-x="1052" d="M770 -196Q770 -320 710 -382T528 -445Q443 -445 367 -413Q271 -371 271 -298Q271 -244 339 -244Q375 -244 420 -268T517 -293Q566 -292 590 -269T614 -201Q614 -153 577 -115T463 -48Q304 -12 208 104Q105 227 105 404Q105 607 240 823Q390 1063 578 1063Q676 1063 797 1017Q950 958 950 873Q950 835 925 806T863 776Q834 776 813 793T771 828Q712 875 578 875Q476 875 376 693Q285 526 285 404Q285 272 375 196Q459 125 591 125Q651 125 719 157L835 219Q865 235 878 235Q915 235 942 206T969 138Q969 35 713 -40Q742 -78 756 -117T770 -196z"/>
</font>
</defs>
</svg>
Tests/W3CTestSuite/images/filters-blend-01-f.svg 0 → 100644
View file @ d5c659a5
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!--======================================================================-->
<!--= 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/. =-->
<!--======================================================================-->
<!--======================================================================-->
<!-- -->
<!-- filters-blend-BE-02.svg -->
<!-- renamed to filters-blend-01-f.svg -->
<!-- -->
<!-- Verify correct operation of the five compositing modes of the -->
<!-- feBlend filter primitive. -->
<!-- -->
<!-- Author : Jon Ferraiolo, 15 March 2000 -->
<!-- Revised for 1.1 : Mike Bultrowicz, 4 February 2002 -->
<!-- -->
<!-- History: -->
<!-- 15-Mar-2000, JF: Serial#1 created. Matches 20000303 SVG spec. -->
<!-- 16-Mar-2000, LH="editorials" fix name (-02); fix Legend, ser#2. -->
<!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . -->
<!-- 16-Aug-2000, LH="rename" ser#3. -->
<!-- -->
<!--======================================================================-->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="480" height="360">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<OperatorScript>
<Paragraph>
Verify correct operation of the five compositing modes
of the feBlend filter primitive. Five text strings
blended into a gradient, with one text string for each of
the five feBlend modes. The string indicates the blend
mode.
</Paragraph>
<Paragraph>
The rendered picture should match the reference image
exactly, except for possible variations in the
labelling text (per CSS2 rules).
</Paragraph>
<Paragraph>
The test uses a nested 'svg' element, 'text' element,
the 'enable-background' property, and linear gradients.as
well as basic fill (solid primary colors), stroke (solid
primary colors with stroke-width lines), font-family
(Helvetica) and font-size properties.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">filters-blend-01-f</title>
<desc id="test-desc">Overall filter effects test case. Extracted from example filters00 in the March 3, 2000 spec.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<!-- Sample Content: framing rectangle drawn just inside viewport boundary. -->
<g font-size="12" font-family="Verdana" >
<text x="20" y="30" font-weight="bold">Examples of the five</text>
<text x="20" y="45" font-weight="bold">feBlend modes.</text>
<text x="30" y="75">Five text strings blended</text>
<text x="30" y="90">into a gradient, with one</text>
<text x="30" y="105">text string for each of the</text>
<text x="30" y="120">five feBlend modes. The </text>
<text x="30" y="135">string indicates the blend</text>
<text x="30" y="150">mode.</text>
</g>
<!-- Here is the test case -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="200" y="20" width="260" height="260" viewBox="0 0 500 500">
<title>Example feBlend - Examples of feBlend modes</title>
<desc>Five text strings blended into a gradient, with one text string for each of the five feBlend modes.</desc>
<defs>
<linearGradient id="MyGradient" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="300" y2="0">
<stop offset="0" stop-color="#000000" />
<stop offset=".33" stop-color="#ffffff" />
<stop offset=".67" stop-color="#ff0000" />
<stop offset="1" stop-color="#808080" />
</linearGradient>
<filter id="Normal">
<feBlend mode="normal" in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Multiply">
<feBlend mode="multiply" in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Screen">
<feBlend mode="screen" in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Darken">
<feBlend mode="darken" in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Lighten">
<feBlend mode="lighten" in2="BackgroundImage" in="SourceGraphic"/>
</filter>
</defs>
<rect fill="none" stroke="blue" x="1" y="1" width="498" height="498"/>
<g enable-background="new" >
<rect x="100" y="20" width="300" height="460" fill="url(#MyGradient)" />
<g font-family="Verdana" font-size="75" fill="#888888" fill-opacity=".6" >
<text x="50" y="90" filter="url(#Normal)" >Normal</text>
<text x="50" y="180" filter="url(#Multiply)" >Multiply</text>
<text x="50" y="270" filter="url(#Screen)" >Screen</text>
<text x="50" y="360" filter="url(#Darken)" >Darken</text>
<text x="50" y="450" filter="url(#Lighten)" >Lighten</text>
</g>
</g>
</svg>
</g>
<!--======================================================================-->
<!--Legend and frame: Title, suite and SVG document serialization====-->
<!--======================================================================-->
<g id="test-legend" fill="black" font-family="Helvetica" font-size="10">
<rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000"/>
<path fill="none" stroke="#000000" d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
<text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
<a xlink:href="copyright-documents-19990405.html">
<text x="12" y="347" fill="blue" >Copyright 2002 W3C. All Rights Reserved.</text>
</a>
<text font-size="12" x="35" y="330">filters-blend-01</text>
<text font-size="10" x="210" y="327">$Revision: 1.1 $</text>
<text font-size="10" x="210" y="345">Release 1.0</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</g>
</svg>
\ No newline at end of file
Tests/W3CTestSuite/images/filters-color-01-f.svg 0 → 100644
View file @ d5c659a5
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!--======================================================================-->
<!--= 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/. =-->
<!--======================================================================-->
<!--======================================================================-->
<!-- -->
<!-- filters-colorMtrx-BE-03.svg -->
<!-- renamed for 1.1 suite to filters-color-01-f.svg -->
<!-- -->
<!-- Test which verifies the basic facilities of feColorMatrix. -->
<!-- -->
<!-- Author : Jon Ferraiolo 03-Apr-2000 -->
<!-- Revised for 1.1 : Mike Bultrowicz, 4 February 2002 -->
<!-- -->
<!-- History: -->
<!-- 04-Apr-2000, JF: Serial#1 created. -->
<!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . -->
<!-- 16-Aug-2000, LH="rename" ser#2. -->
<!-- 10-Dec-2000, JF: Make reference gradient darker to compensate -->
<!-- for lightnexx of linearRGB filter calculations. -->
<!-- Adjust saturation to make it more obvious. -->
<!-- -->
<!--======================================================================-->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="480" height="360">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<OperatorScript>
<Paragraph>
Test which verifies the basic facilities of
feColorMatrix.
</Paragraph>
<Paragraph>
This test uses the following elements : a nested
&lt;svg&gt; with a viewBox attribute, &lt;linearGradient&gt;,
&lt;filter&gt;, &lt;feColorMatrix&gt;, &lt;feComposite&gt;
</Paragraph>
<Paragraph>
The test case shows five rectangles filled with a
gradient showing the effects of feColorMatrix: an
unfiltered rectangle acting as a reference, use of the
feColorMatrix matrix option to convert to grayscale,
use of the feColorMatrix saturate option, use of the
feColorMatrix hueRotate option, and use of the
feColorMatrix luminanceToAlpha option.
</Paragraph>
<Paragraph>
The test is somewhat self-explanatory as the strings
document the type of feColorMatrix operation that is
being used.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">filters-color-01-f</title>
<desc id="test-desc">Test which verifies the basic facilities of feColorMatrix.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="40" y="25" width="400" height="252" viewBox="0 0 800 500">
<title>Example feColorMatrix - Examples of feColorMatrix operations</title>
<desc>Five rectangles filled with a gradient showing the effects of feColorMatrix: an unfiltered rectangle acting as a reference, use of the feColorMatrix matrix option to convert to grayscale, use of the feColorMatrix saturate option, use of the feColorMatrix hueRotate option, and use of the feColorMatrix luminanceToAlpha option.</desc>
<defs>
<linearGradient id="MyGradient" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="500" y2="0">
<stop offset="0" stop-color="#dd00dd" />
<stop offset=".33" stop-color="#22cc22" />
<stop offset=".67" stop-color="#400000" />
<stop offset="1" stop-color="#a0a0ff" />
</linearGradient>
<filter id="Matrix" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feColorMatrix type="matrix" in="SourceGraphic" values=".33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0"/>
</filter>
<filter id="Saturate40" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feColorMatrix type="saturate" in="SourceGraphic" values=".25"/>
</filter>
<filter id="HueRotate90" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feColorMatrix type="hueRotate" in="SourceGraphic" values="90"/>
</filter>
<filter id="LuminanceToAlpha" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feColorMatrix type="luminanceToAlpha" in="SourceGraphic" result="a"/>
<feComposite in="SourceGraphic" in2="a" operator="in"/>
</filter>
</defs>
<g font-size="25" font-family="Verdana" >
<rect fill="none" stroke="blue" x="1" y="1" width="798" height="498"/>
<rect x="100" y="20" width="500" height="40" fill="url(#MyGradient)" />
<text x="100" y="85">Unfiltered</text>
<rect x="100" y="120" width="500" height="40" fill="url(#MyGradient)" filter="url(#Matrix)" />
<text x="100" y="185">type="matrix" (grayscale matrix)</text>
<rect x="100" y="220" width="500" height="40" fill="url(#MyGradient)" filter="url(#Saturate40)" />
<text x="100" y="285">type="saturate" values=".4"</text>
<rect x="100" y="320" width="500" height="40" fill="url(#MyGradient)" filter="url(#HueRotate90)" />
<text x="100" y="385">type="hueRotate" values="90"</text>
<rect x="100" y="420" width="500" height="40" fill="url(#MyGradient)" filter="url(#LuminanceToAlpha)" />
<text x="100" y="485">type="luminanceToAlpha"</text>
</g>
</svg>
</g>
<!--======================================================================-->
<!--Legend and frame: Title, suite and SVG document serialization====-->
<!--======================================================================-->
<g id="test-legend" fill="black" font-family="Helvetica" font-size="10">
<rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000"/>
<path fill="none" stroke="#000000" d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
<text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
<a xlink:href="copyright-documents-19990405.html">
<text x="12" y="347" fill="blue" >Copyright 2002 W3C. All Rights Reserved.</text>
</a>
<text font-size="12" x="35" y="330">filters-color-01</text>
<text font-size="10" x="210" y="327">$Revision: 1.1 $</text>
<text font-size="10" x="210" y="345">Release 1.0</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</g>
</svg>
Tests/W3CTestSuite/images/filters-composite-01-f.svg 0 → 100644
View file @ d5c659a5
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!--======================================================================-->
<!--= 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/. =-->
<!--======================================================================-->
<!--======================================================================-->
<!-- -->
<!-- filters-composite-BE-05.svg -->
<!-- renamed for 1.1 suite to filters-composite-01-f.svg -->
<!-- -->
<!-- Test which verifies the basic facilities of feComposite. -->
<!-- -->
<!-- Author : Jon Ferraiolo 03-Apr-2000 -->
<!-- Revised for 1.1 : Mike Bultrowicz, 4 February 2002 -->
<!-- -->
<!-- History: -->
<!-- 04-Apr-2000, JF: Serial#1 created. -->
<!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . -->
<!-- 16-Aug-2000, LH="rename" ser#2. -->
<!-- -->
<!--======================================================================-->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="480" height="360">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<OperatorScript>
<Paragraph>
Test which verifies the basic facilities of feComposite.
</Paragraph>
<Paragraph>
This test uses the following elements: &lt;path&gt;, &lt;use&gt;,
&lt;linearGradient&gt;, &lt;filter&gt; with, an enable-background
attribute, &lt;feFlood&gt;, &lt;feComposite&gt;, &lt;feMerge&gt;
</Paragraph>
<Paragraph>
The test case shows six pairs of overlapping triangles
depicting the six different feComposite operators. The
first row shows compositing when both triangles have
opacity=1. The second row shows compositing when both
triangles have opacity=.5. The six columns illustrate the
six types of compositing operations.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">filters-composite-01-f</title>
<desc id="test-desc">Test which verifies the basic facilities of feComposite.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content" transform="translate(15 -60)">
<title>Example feComposite - Examples of feComposite operations</title>
<desc>Six pairs of overlapping triangles depicting the six different feComposite operators.</desc>
<defs>
<path id="Blue100" d="M 0 0 L 100 0 L 100 100 z" fill="#00ffff" />
<path id="Red100" d="M 0 0 L 0 100 L 100 0 z" fill="#ff00ff" />
<path id="Blue50" d="M 0 125 L 100 125 L 100 225 z" fill="#00ffff" fill-opacity=".5" />
<path id="Red50" d="M 0 125 L 0 225 L 100 125 z" fill="#ff00ff" fill-opacity=".5" />
<filter id="over" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
<feComposite in="SourceGraphic" in2="BackgroundImage" operator="over" result="comp"/>
<feMerge>
<feMergeNode in="flood"/>
<feMergeNode in="comp"/>
</feMerge>
</filter>
<filter id="in" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
<feComposite in="SourceGraphic" in2="BackgroundImage" operator="in" result="comp"/>
<feMerge>
<feMergeNode in="flood"/>
<feMergeNode in="comp"/>
</feMerge>
</filter>
<filter id="out" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
<feComposite in="SourceGraphic" in2="BackgroundImage" operator="out" result="comp"/>
<feMerge>
<feMergeNode in="flood"/>
<feMergeNode in="comp"/>
</feMerge>
</filter>
<filter id="atop" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
<feComposite in="SourceGraphic" in2="BackgroundImage" operator="atop" result="comp"/>
<feMerge>
<feMergeNode in="flood"/>
<feMergeNode in="comp"/>
</feMerge>
</filter>
<filter id="xor" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
<feComposite in="SourceGraphic" in2="BackgroundImage" operator="xor" result="comp"/>
<feMerge>
<feMergeNode in="flood"/>
<feMergeNode in="comp"/>
</feMerge>
</filter>
<filter id="arithmetic" filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%">
<feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
<feComposite in="SourceGraphic" in2="BackgroundImage" result="comp" operator="arithmetic" k1=".5" k2=".5" k3=".5" k4=".5"/>
<feMerge>
<feMergeNode in="flood"/>
<feMergeNode in="comp"/>
</feMerge>
</filter>
</defs>
<g font-family="Verdana" font-size="40" shape-rendering="crispEdges" transform="translate(5,150) scale(.4)">
<rect fill="none" stroke="blue" x="1" y="1" width="1098" height="323"/>
<text x="15" y="75">opacity 1.0</text>
<text x="15" y="200">opacity 0.5</text>
<g transform="translate(275,25)" enable-background="new" >
<use xlink:href="#Blue100"/>
<use xlink:href="#Red100" filter="url(#over)" />
</g>
<g transform="translate(275,25)" enable-background="new" >
<use xlink:href="#Blue50"/>
<use xlink:href="#Red50" filter="url(#over)" />
<text x="5" y="275">over</text>
</g>
<g transform="translate(400,25)" enable-background="new" >
<use xlink:href="#Blue100"/>
<use xlink:href="#Red100" filter="url(#in)" />
</g>
<g transform="translate(400,25)" enable-background="new" >
<use xlink:href="#Blue50"/>
<use xlink:href="#Red50" filter="url(#in)" />
<text x="35" y="275">in</text>
</g>
<g transform="translate(525,25)" enable-background="new" >
<use xlink:href="#Blue100"/>
<use xlink:href="#Red100" filter="url(#out)" />
</g>
<g transform="translate(525,25)" enable-background="new" >
<use xlink:href="#Blue50"/>
<use xlink:href="#Red50" filter="url(#out)" />
<text x="15" y="275">out</text>
</g>
<g transform="translate(650,25)" enable-background="new" >
<use xlink:href="#Blue100"/>
<use xlink:href="#Red100" filter="url(#atop)" />
</g>
<g transform="translate(650,25)" enable-background="new" >
<use xlink:href="#Blue50"/>
<use xlink:href="#Red50" filter="url(#atop)" />
<text x="10" y="275">atop</text>
</g>
<g transform="translate(775,25)" enable-background="new" >
<use xlink:href="#Blue100"/>
<use xlink:href="#Red100" filter="url(#xor)" />
</g>
<g transform="translate(775,25)" enable-background="new" >
<use xlink:href="#Blue50"/>
<use xlink:href="#Red50" filter="url(#xor)" />
<text x="15" y="275">xor</text>
</g>
<g transform="translate(900,25)" enable-background="new" >
<use xlink:href="#Blue100"/>
<use xlink:href="#Red100" filter="url(#arithmetic)" />
</g>
<g transform="translate(900,25)" enable-background="new" >
<use xlink:href="#Blue50"/>
<use xlink:href="#Red50" filter="url(#arithmetic)" />
<text x="-25" y="275">arithmetic</text>
</g>
</g>
</g>
<!--======================================================================-->
<!--Legend and frame: Title, suite and SVG document serialization====-->
<!--======================================================================-->
<g id="test-legend" fill="black" font-family="Helvetica" font-size="10">
<rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000"/>
<path fill="none" stroke="#000000" d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
<text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
<a xlink:href="copyright-documents-19990405.html">
<text x="12" y="347" fill="blue" >Copyright 2002 W3C. All Rights Reserved.</text>
</a>
<text font-size="12" x="35" y="330">filters-composite-01</text>
<text font-size="10" x="210" y="327">$Revision: 1.1 $</text>
<text font-size="10" x="210" y="345">Release 1.0</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</g>
</svg>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment