testing/web-platform/tests/svg/struct/reftests/use-symbol-dimensions-override-002.svg


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:h="http://www.w3.org/1999/xhtml" width="800" height="600">
  <title>'width' and 'height' from &#x3c;use&#x3e; overrides values on referenced &#x3c;symbol&#x3e;</title>
  <h:link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseLayout"/>
  <h:link rel="match" href="reference/green-100x100.svg"/>
  <defs>
    <symbol id="s">
      <rect width="100%" height="100%" fill="green"/>
    </symbol>
  </defs>
  <rect width="100" height="100" fill="red"/>
  <svg width="10" height="10" overflow="visible">
    <use xlink:href="#s" x="90" y="90"/>
    <use xlink:href="#s" y="90" width="90"/>
    <use xlink:href="#s" x="90" height="90"/>
    <use xlink:href="#s" width="90" height="90"/>
  </svg>
</svg>