img-blobURI-2.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- This test checks to be sure we allow

     'blob' URIs *inside of* SVG-as-an-image. -->

<html class="reftest-wait">

<head>

  <script>

    function go() {

      // Generate a blob URL encoding of an SVG document

      var blobURL = generateBlobURL();

      // Now generate a data URI, containing our blob URI

      var outerSVG =

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

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

             'width="100" height="100">' +

          '<image height="100" width="100" ' +

             'xlink:href="' + blobURL + '"/>' +

        '</svg>';

      // Tell our img element to render the URL

      var img = document.getElementsByTagName("img")[0]

      img.src = "data:image/svg+xml," + outerSVG;

      // Once our img loads, take reftest snapshot.

      img.addEventListener("load", function() {

        document.documentElement.removeAttribute("class");

});

    // Helper function -- returns a blob URL representing a

    // 100x100 fully-lime SVG document.

    function generateBlobURL() {

      var svg =

        '<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">' +

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

        '</svg>';

      return self.URL.createObjectURL(new Blob([svg], {type: "image/svg+xml"}));

  </script>

</head>

<body onload="go()">

  <img src="">

</body>

</html>