Как использовать canvas.toDataURL () для получения base64 изображения в Adobe AIR? - PullRequest
Новая
       24

Как использовать canvas.toDataURL () для получения base64 изображения в Adobe AIR?

5 голосов
/ 09 сентября 2010

Можно ли использовать canvas.toDataURL() в Adobe AIR?

При попытке получить следующую ошибку:

Ошибка: SECURITY_ERR: исключение DOM 18

1 Ответ

4 голосов
/ 08 марта 2011

Adobe AIR обеспечивает одинаковое происхождение изображений, используемых в API Canvas.После того, как вы использовали что-то из другого домена на холсте, вы не можете получить данные пикселей из него.Однако вы можете использовать класс 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);
...