<!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>