summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
blob: 7fc479e22bd1edf793aae8e489568e2be3486445 (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
59
<svg xmlns="http://www.w3.org/2000/svg">
<!--
    Test SVG glyphs for text object opacity inheritance
    Covers glyph ID range 53 (R) to 60 (Y)
-->
  <!-- R -->
  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
    fill="context-fill" stroke="context-stroke"
    fill-opacity="context-fill-opacity"
    stroke-opacity="context-stroke-opacity" id="glyph53"/>

  <!-- S -->
  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
    fill="context-fill" stroke="context-stroke"
    fill-opacity="context-stroke-opacity"
    stroke-opacity="context-fill-opacity" id="glyph54"/>

  <!-- T -->
  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
    fill="context-stroke" stroke="context-fill"
    fill-opacity="context-fill-opacity"
    stroke-opacity="context-stroke-opacity" id="glyph55"/>

  <!-- U -->
  <!--  Test for bug where explicit `inherit' would fail for
      *-opacity="objectStrokeOpacity" or "objectFillOpacity" -->
  <g style="fill-opacity : context-stroke-opacity; stroke-opacity : context-fill-opacity">
    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
      fill="context-stroke" stroke="context-fill"
      fill-opacity="inherit" stroke-opacity="inherit" id="glyph56"/>
  </g>

  <!-- W -->
  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
    fill="darkorchid" stroke="goldenrod"
    fill-opacity="context-fill-opacity"
    stroke-opacity="context-stroke-opacity" id="glyph58"/>

  <!-- X -->
  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
    fill="darkorchid" stroke="goldenrod"
    fill-opacity="context-stroke-opacity"
    stroke-opacity="context-fill-opacity" id="glyph59"/>

  <style type="text/css"><![CDATA[
  #glyph60 {
    fill-opacity : context-fill-opacity;
    stroke-opacity : context-stroke-opacity;
  }
  #ychild {
    color-interpolation : sRGB;
  }
  ]]></style>
  <!-- Y -->
  <g id="glyph60">
    <rect x="100" y="-900" width="800" height="300" stroke="red" stroke-width="50"/>
    <rect x="100" y="-400" width="800" height="300" stroke="red" stroke-width="50" id="ychild" />
  </g>
</svg>