IE11具体>在HTML5 Canvas上没有绘制大图像

时间:2018-05-21 11:35:37

标签: javascript html5 canvas html5-canvas

我有一张表,其中一个特定列由图像组成。在点击任何这些图像时,会打开一个弹出窗口,可以在其中查看完整的图像。我正在使用画布在弹出窗口中绘制图像,因为它在IE中保存我30秒,同时打开弹出窗口(对于非常大的图像)

然而,有一个非常大的特定图像(Width 8386,Height-2229),我有时会在IE中收到错误“没有足够的存储空间来完成此操作。”反对行ctx.drawImage()。它有时会工作,但在其余时间都会失败。以下是代码段。

_paintImage: function(base64Value){
    var canvas = $(".image-measure-canvas")[0];
    var ctx = canvas.getContext("2d");
    var img = new Image();
    img.onload = function(){
        var width = this.width;
        var height = this.height;
        canvas.width = width;
        canvas.height = height;
        ctx.beginPath();
        ctx.drawImage(this, 0, 0,width, height);
    };
    img.src = imageValue;
}

0 个答案:

没有答案