blob: f5e59e3bfcda4bc12f846c6ae2714416b878930f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
onload="addTransform()" viewBox="0 0 300 100" class="reftest-wait">
<!-- Test that the presence/absence of a patternTransform is correctly detected.
Details are below but, in summary, the first two squares should contain the
same pattern (a diagonal checkerbox) whilst the third square should contain
a different pattern (actually the same pattern but WITHOUT the rotation).
-->
<script>
function addTransform()
{
var g = document.getElementById("patternBase");
var list = g.patternTransform.baseVal;
var t = document.documentElement.createSVGTransform();
t.setRotate(45,50,50);
list.appendItem(t);
document.documentElement.removeAttribute("class");
}
</script>
<defs>
<!-- 1. The base pattern that will be referenced by others.
When the document loads, script will add a patternTransform to this
pattern. It does this using *only SVG DOM APIs* (i.e. not setAttribute)
so that we can test that when a transform is not specified by markup but
is added via the DOM we still correctly detect its presence. -->
<pattern id="patternBase" width="1" height="1">
<rect width="50" height="50" fill="blue"/>
<rect x="50" width="50" height="50" fill="red"/>
<rect y="50" width="50" height="50" fill="red"/>
<rect x="50" y="50" width="50" height="50" fill="blue"/>
</pattern>
<!-- 2. References the base pattern and should detect the base pattern's
patternTransform (added by script) and inherit it. (SVG 1.1 F2 13.3,
xlink:href 'Any attributes which are defined on the referenced element
which are not defined on this element are inherited by this element.').
Hence this pattern should look IDENTICAL to patternBase. -->
<pattern xlink:href="#patternBase" id="patternRefWithoutTransform"/>
<!-- 3. References the base pattern but patternTransform is defined (although
empty) and hence the patternTransform should NOT be inherited and this
pattern should look DIFFERENT to patternBase. -->
<pattern xlink:href="#patternBase" id="patternRefWithTransform"
patternTransform=""/>
<!-- The case of a patternTransform being supplied by animation is covered by
SMIL reftest anim-pattern-attr-presence-01.svg -->
</defs>
<rect width="100" height="100" stroke="black"
fill="url(#patternBase)"/>
<g transform="translate(100)">
<rect width="100" height="100" stroke="black"
fill="url(#patternRefWithoutTransform)"/>
</g>
<g transform="translate(200)">
<rect width="100" height="100" stroke="black"
fill="url(#patternRefWithTransform)"/>
</g>
</svg>
|
