viewBox-and-pattern-03.svg

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" width="100%" height="100%">

  <title>Testcase for elements referencing a viewBox pattern</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773467 -->

  <defs>

    <pattern id="test" width="1" height="2" viewBox="0 0 10 10" patternUnits="userSpaceOnUse">

      <rect y="-3" width="10" height="5" fill="lime" />

    </pattern>

  </defs>

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

  <rect transform="scale(10)" x=".2" y=".2" width="1" height="0.5" fill="red" />

  <rect transform="scale(10)" x=".2" y=".2" width="1" height="0.5" fill="url(#test)" />

</svg>