blob: 537b1899932222b8a1ef353357cebd031b8aec3c [file] [log] [blame]
eseidel65ba4d72005-08-07 20:23:06 +00001<?xml version="1.0" standalone="no"?>
2<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
3<!--======================================================================-->
4<!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
5<!--= Institute of Technology, Institut National de Recherche en =-->
6<!--= Informatique et en Automatique, Keio University). All Rights =-->
7<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
8<!--======================================================================-->
9<!-- ======================================================================== -->
10<!-- filters-feTile-BE-14.svg -->
11<!-- renamed for 1.1 suite to filters-tile-01-b.svg -->
12<!-- Author : Rick Graham August 28, 2000 -->
13<!-- revised for 1.1 : Luc Minnebo Feb/12/2002 -->
14<!--======================================================================-->
15<svg version="1.1" baseProfile="basic" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify">
16 <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
eseidela220b262006-12-27 19:52:05 +000017 <OperatorScript version="$Revision: 1.9 $" testname="filters-tile-01-b.svg">
eseidel65ba4d72005-08-07 20:23:06 +000018 <Paragraph>
19 The test case constructs a filter that uses feTile to tile the entire specified filter region.
20 The tile consists of a red rectangle over a larger transparent rectangle.
21 The red rectangle is created with feFlood and feOffset. There is also a semi-transparent
22 blue rectangle that should exactly cover one of the tiled rectangles, creating a purple
23 tile with a black stroke (4 tiles down and 3 across).
24 </Paragraph>
25 <Paragraph>
26 The rendered picture should match the reference image, except for possible variations
27 in the labelling text (per CSS2 rules).
28 </Paragraph>
29 <Paragraph>
30 The test uses the 'rect' element, feTile, feFlood, feOffset, feMerge, fill style, stroke,
31 font-family (Arial) and font-size properties.
32 </Paragraph>
33 </OperatorScript>
34 </SVGTestCase>
35 <title id="test-title">filters-tile-01-b</title>
36 <desc id="test-desc">Test that the viewer can handle the feTile filter.</desc>
37 <!--======================================================================-->
38 <!--Content of Test Case follows... =====================-->
39 <!--======================================================================-->
40 <g id="test-body-content">
41 <text font-family="Arial" font-size="15" x="240" y="25" text-anchor="middle">feTile filter test: a tiled pattern</text>
42 <!-- ====================================================================== -->
43 <!-- Tiled created in defs then applied to rectangle -->
44 <!-- this seems pretty complex to me -->
45 <!-- ====================================================================== -->
46 <defs>
47 <filter id="feTileFilter" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" x="115" y="40" width="250" height="250">
48 <feFlood x="115" y="40" width="54" height="19" flood-color="red"/>
49 <feOffset x="115" y="40" width="50" height="25" dx="6" dy="6" result="offset"/>
50 <feTile/>
51 </filter>
52 </defs>
53 <!-- The 'g' has no content, but the filter causes a rectangle
54 to be created which is filled with a tiled pattern. -->
55 <g filter="url(#feTileFilter)"/>
56 <!-- Show the outline of the rectangle which is filled with the tiled pattern. -->
57 <rect x="115" y="40" width="250" height="250" fill="none" stroke="blue" stroke-width="2"/>
58 <!-- draw a semi-transparent rectangle over one of the tiles -->
59 <rect x="215" y="115" width="50" height="25" fill="blue" fill-opacity="0.5" stroke="black"/>
60 </g>
eseidela220b262006-12-27 19:52:05 +000061 <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text>
eseidel65ba4d72005-08-07 20:23:06 +000062 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
63</svg>