eseidel | 65ba4d7 | 2005-08-07 20:23:06 +0000 | [diff] [blame] | 1 | <?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/"> |
eseidel | a220b26 | 2006-12-27 19:52:05 +0000 | [diff] [blame] | 17 | <OperatorScript version="$Revision: 1.9 $" testname="filters-tile-01-b.svg"> |
eseidel | 65ba4d7 | 2005-08-07 20:23:06 +0000 | [diff] [blame] | 18 | <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> |
eseidel | a220b26 | 2006-12-27 19:52:05 +0000 | [diff] [blame] | 61 | <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text> |
eseidel | 65ba4d7 | 2005-08-07 20:23:06 +0000 | [diff] [blame] | 62 | <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> |
| 63 | </svg> |