Comments on: APNG feature detection http://eligrey.com/blog/post/apng-feature-detection this instanceof Whitty Sun, 29 Jan 2012 12:58:00 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Как показать APNG или GIF в зависимости от браузера? | AnimatedPNG.ru http://eligrey.com/blog/post/apng-feature-detection/comment-page-1#comment-2573 Как показать APNG или GIF в зависимости от браузера? | AnimatedPNG.ru Mon, 03 Oct 2011 09:57:56 +0000 http://eligrey.com/?p=313#comment-2573 [...] всего, вам необходим данный apng-detect.js скрипт для определения, поддерживает ли клиентский [...] [...] всего, вам необходим данный apng-detect.js скрипт для определения, поддерживает ли клиентский [...]

]]> By: Eli http://eligrey.com/blog/post/apng-feature-detection/comment-page-1#comment-2448 Eli Sun, 13 Jun 2010 21:09:37 +0000 http://eligrey.com/?p=313#comment-2448 It seems that data: URI security error issue is no longer present in more recent browsers. I will update my post accordingly. It seems that data: URI security error issue is no longer present in more recent browsers. I will update my post accordingly.

]]> By: Premasagar http://eligrey.com/blog/post/apng-feature-detection/comment-page-1#comment-2447 Premasagar Sat, 12 Jun 2010 17:45:13 +0000 http://eligrey.com/?p=313#comment-2447 This is really useful, Elijah. Can you give some more information on the security error you get? I don't get any error in Chrome 6, Firefox 3.63 or Opera 10.6 (all on Ubuntu) when modifying it to use a dataURI of the test APNG file. The code I'm using: (function(_global) { var apng_test = new Image(), ctx = document.createElement("canvas").getContext("2d"); apng_test.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACGFjVEwAAAABAAAAAcMq2TYAAAANSURBVAiZY2BgYPgPAAEEAQB9ssjfAAAAGmZjVEwAAAAAAAAAAQAAAAEAAAAAAAAAAAD6A gBAbNU 2sAAAARZmRBVAAAAAEImWNgYGBgAAAABQAB6MzFdgAAAABJRU5ErkJggg=="; apng_test.onload = function() { ctx.drawImage(apng_test, 0, 0); _global.apng_supported = ( ctx.getImageData(0, 0, 1, 1).data[3] == 0 ); } })(window); This is really useful, Elijah. Can you give some more information on the security error you get? I don't get any error in Chrome 6, Firefox 3.63 or Opera 10.6 (all on Ubuntu) when modifying it to use a dataURI of the test APNG file.

The code I'm using:

(function(_global) {
var apng_test = new Image(),
ctx = document.createElement("canvas").getContext("2d");
apng_test.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACGFjVEwAAAABAAAAAcMq2TYAAAANSURBVAiZY2BgYPgPAAEEAQB9ssjfAAAAGmZjVEwAAAAAAAAAAQAAAAEAAAAAAAAAAAD6A gBAbNU 2sAAAARZmRBVAAAAAEImWNgYGBgAAAABQAB6MzFdgAAAABJRU5ErkJggg==";
apng_test.onload = function() {
ctx.drawImage(apng_test, 0, 0);
_global.apng_supported = ( ctx.getImageData(0, 0, 1, 1).data[3] == 0 );
}
})(window);

]]>