image-preserveAspectRatio-04.svg

Enable keyboard shortcuts

Checkerboard

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

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

  <script xlink:href="util.js" type="text/javascript"/>

  <script>

    // This image has no preserveAspectRatio attribute, so in the bonus

    // image element, we'll actually apply the value that comes along with

    // "defer" ("xMinYMin slice").

    var grid = generateImageGrid("blueRect10x10-viewBox.svg", 40, 20,

                                 "defer xMinYMin slice");

    grid.setAttribute("transform", "translate(10, 10)");

    document.documentElement.appendChild(grid);

  </script>

</svg>