objectBoundingBox-and-pattern-02.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">

    <title>Testcase for elements referencing an objectBoundingBox pattern with a viewBox</title>

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

    <defs>

      <pattern id="test" x="0" y="0" width="20%" height="20%" patternContentUnits="objectBoundingBox" viewBox="0 0 20 20">

        <rect width="20" height="20" stroke="none" fill="lime"/>

        <rect width="1" height="1" stroke="none" fill="red"/>

      </pattern>

      <pattern id="cover" x="0" y="0" width="20%" height="20%" patternContentUnits="objectBoundingBox">

        <rect width="0.01" height="0.01" stroke="none" fill="lime"/>

      </pattern>

    </defs>

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

  <rect x="20" y="20" width="200" height="200" fill="url(#test)"/>

  <rect x="20" y="20" width="200" height="200" fill="url(#cover)"/>

</svg>