use-01.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"

     xmlns:xlink="http://www.w3.org/1999/xlink">

  <title>Testing that 'use' with zero width/height is not displayed</title>

  <defs>

    <symbol id="red">

      <rect width="100" height="100" fill="red"/>

    </symbol>

    <symbol id="lime">

      <rect width="100" height="100" fill="lime"/>

    </symbol>

  </defs>

  <rect width="100%" height="100%" fill="lime"/>

  <!-- zero width/height pointing at symbol should disable -->

  <use x="0" y="0" width="0" xlink:href="#red"/>

  <use x="150" y="0" height="0" xlink:href="#red"/>

  <rect x="0" y="150" width="100" height="100" fill="red"/>

  <!-- no width/height specified should display though -->

  <use x="0" y="150" xlink:href="#lime"/>

</svg>