<img> and a data URL

annevk · annevk · commit 89d5ac3003e9 · 2016-10-10T14:40:44.000+02:00
Basic test for whatwg/html#1782.
diff --git a/html/semantics/embedded-content/the-img-element/data-url.html b/html/semantics/embedded-content/the-img-element/data-url.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>data URL image</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id=log></div>
+<script>
+var c = document.createElement("canvas"),
+    con = c.getContext("2d"),
+    img = document.createElement("img")
+img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAA+UlEQVR4nO3RoRHAQBDEsOu/6YR+B2sgIO4Z3919pMwDMCRtHoAhafMADEmbB2BI2jwAQ9LmARiSNg/AkLR5AIakzQMwJG0egCFp8wAMSZsHYEjaPABD0uYBGJI2D8CQtHkAhqTNAzAkbR6AIWnzAAxJmwdgSNo8AEPS5gEYkjYPwJC0eQCGpM0DMCRtHoAhafMADEmbB2BI2jwAQ9LmARiSNg/AkLR5AIakzQMwJG0egCFp8wAMSZsHYEjaPABD0uYBGJI2D8CQtHkAhqTNAzAkbR6AIWnzAAxJmwdgSNo8AEPS5gEYkjYPwJC0eQCGpM0DMCRtHsDjB5K06yueJFXJAAAAAElFTkSuQmCC"
+img.onload = () => {
+  con.drawImage(img, 0, 0)
+  var data = con.getImageData(0, 0, 10, 10) // should not throw as data URLs are same-origin
+  for(var i = 0; i < data.data.length; i++) {
+    var expected = ((i+1) % 4 == 0) ? 255 : 0
+    assert_equals(data.data[i], expected)
+  }
+  c.toDataURL() // shouldn't throw either
+  done()
+}
+</script>
