pixelbutler/build/loaders/ImageDataLoader.js

Low-res bitmap render engine for big screens

'use strict';
var ImageDataLoader = (function () {
    function ImageDataLoader(url) {
        this.url = url;
    }
    ImageDataLoader.prototype.load = function (callback) {
        var _this = this;
        var image = document.createElement('img');
        image.onload = function () {
            var canvas = document.createElement('canvas');
            canvas.width = image.width;
            canvas.height = image.height;
            var ctx = canvas.getContext('2d');
            ctx.drawImage(image, 0, 0);
            callback(null, ctx.getImageData(0, 0, image.width, image.height));
            image.onload = null;
            image.onerror = null;
        };
        image.onerror = function () {
            callback(new Error('cannot load ' + _this.url), null);
            image.onload = null;
            image.onerror = null;
        };
        image.src = this.url;
    };
    return ImageDataLoader;
})();
module.exports = ImageDataLoader;