content-outside-viewBox-1-helper.svg

Enable keyboard shortcuts

Checkerboard

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

     viewBox="0 0 100 100"

     preserveAspectRatio="xMinYMin meet">

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

  <!-- Rect to the right of viewBox -->

  <rect x="300" width="100" height="100" fill="blue"/>

  <!-- Rect below viewBox -->

  <rect y="300" width="100" height="100" fill="purple"/>

</svg>