如何使用canvas.toDataURL（）在Adobe AIR中獲取圖像的base64？

Question

是否可以在Adobe AIR中使用canvas.toDataURL()？

當我嘗試，我得到以下錯誤：

Error: SECURITY_ERR: DOM Exception 18

Answer 1

的Adobe AIR強制在畫布API中使用的圖像相同的起源。一旦您在畫布中使用了另一個域中的內容，則無法從中取回像素數據。但是，您可以使用Loader類來獲取像素數據，並將其轉換爲畫布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);