是否可以在 Adobe AIR 中使用 canvas.toDataURL()
?
当我尝试时出现以下错误:
Error: SECURITY_ERR: DOM Exception 18
最佳答案
Adobe AIR 对 Canvas API 中使用的图像强制实现同源。一旦你在你的 Canvas 中使用了来自另一个域的东西,你就无法从中取回像素数据。但是,您可以使用 Loader 类获取像素数据,并将其转换为 Canvas ImageData。
例如:
function getDataURL(url, callback) {
var loader = new air.Loader();
loader.contentLoaderInfo.addEventListener(air.Event.COMPLETE, function(event) {
var bitmapData = loader.content.bitmapData;
var canvas = document.createElement('canvas');
canvas.width = bitmapData.width;
canvas.height = bitmapData.height;
var context = canvas.getContext('2d');
var imageData = context.createImageData(canvas.width, canvas.height);
var dst = imageData.data;
var src = bitmapData.getPixels(bitmapData.rect);
src.position = 0;
var i = 0;
while (i < dst.length) {
var alpha = src.readUnsignedByte();
dst[i++] = src.readUnsignedByte();
dst[i++] = src.readUnsignedByte();
dst[i++] = src.readUnsignedByte();
dst[i++] = alpha;
}
context.putImageData(imageData, 0, 0);
callback(canvas.toDataURL());
});
loader.load(new air.URLRequest(url));
}
window.addEventListener('load', function() {
getDataURL('http://www.google.com/images/logo.gif', function(dataURL) {
air.trace(dataURL);
});
}, false);
关于javascript - 如何使用 canvas.toDataURL() 在 Adobe AIR 中获取图像的 base64?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3672332/