viewBox-and-pattern-04.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">

  <defs>

    <pattern id="p2"

             height="1" width="1"

             viewBox="0 0 10 10"

             preserveAspectRatio="xMidYMid meet">

      <circle cx="5" cy="5" r="5px" fill="red"/>

    </pattern>

  </defs>

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

  <rect width="300" height="100" fill="url(#p2)"/>

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

</svg>