进入我的博客

这里有您在其他地方看不到的web前端方面的技术、知识及资源

这里有您在其他地方看不到的web前端方面的技术、知识及资源

一分快三

it's my whole life!

我的微码

« 查看全部微码

IE浏览器不支持canvas toBlob()方法的Polyfill

2018-06-22 17:44

IE浏览器不支持canvas toBlob()方法的Polyfill,这里基于toDataURL()实现,直接粘贴在JS文件中即可。

相关文章:暂无

完整代码

if (!HTMLCanvasElement.prototype.toBlob) {
        Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
            value: function (callback, type, quality) {
                var canvas = this;
                setTimeout(function() {
                    var binStr = atob(canvas.toDataURL(type, quality).split(',')[1]);
                    var len = binStr.length, arr = new Uint8Array(len);

                    for (var i = 0; i < len; i++ ) {
                        arr[i] = binStr.charCodeAt(i);
                    }

                    callback(new Blob([arr], {type: type || 'image/png'}));
                });
            }
        });
    }

标签:JS

分享:新浪微博

评论

0人参与,0条评论)

抱歉,服务器忙,未能成功提交,稍后重试。