html2canvas网络中的base64图像请求太多了

时间:2015-11-08 23:32:13

标签: javascript html2canvas

我正在使用html2canvas在我的页面的一部分中截取屏幕截图。为什么会产生很多请求?

enter image description here

任何人都知道这个要求是什么?由于请求太多,这使我的开发人员工具无法响应。

这是代码。

html2canvas($('#itemList')).then(function(canvas) {
                var main_canvas = document.createElement('canvas');
                var element = $('#itemList').find('.list-item');

                var width = parseInt(element.css('width'));
                var height = parseInt(element.css('height'));
                var margin = parseInt(element.css('marginTop'));
                var box_shadow = element.css('box-shadow');
                var radiusTopLeft = element.css('borderTopLeftRadius');
                var radiusTopRight = element.css('borderTopRightRadius');
                var radiusBottomLeft = element.css('borderBottomLeftRadius');
                var radiusBottomRight = element.css('borderBottomRightRadius');
                var border = 0;

                main_canvas.width = width;
                main_canvas.height = height;

                var ctx = main_canvas.getContext('2d');

                ctx.drawImage(canvas, margin, margin, width, height, 0, 0, width, height);

                var dataURL = main_canvas.toDataURL('image/jpeg',0.5);

               $('#screenshot').attr('src', dataURL);
            });

这是一个样本小提琴,它也生成数据uri并涉及网络

http://jsfiddle.net/Lybrzztw/

感谢。

0 个答案:

没有答案