javascript - 您的浏览器污染了 Internet Explorer 中的 Canvas

Question

我正在使用 AngularJS 创建一个项目。在我的项目中，我正在下载包含一些数据和 Canvas 的 pdf。此 pdf 在除 Internet Explorer 之外的所有浏览器上都是完整的。在 Internet Explorer 中得到 您的浏览器污染了 Internet Explorer 中的 Canvas

在我的 pdf Canvas 中没有绘图。这是我的代码:

    var canvasArr = [];
    $("svg").each(function(index) {

        arr.push(this)
        var parent = this.parentNode;
        var thisData = this
        var svgLength = $("svg").length;
        var id = $(this).attr('id')
        SVG2Bitmap(this, function(canvas, dataURL) {

            canvas.id = "canvas_" + id;
            canvasArr.push(canvas)
            parent.replaceChild(canvas, thisData);
            var image1, image2, image3,image4,image5 = null;
             var p2 =  new Promise(function (resolve, reject) { 

                 html2canvas(html, {
                      onrendered: function(canvas) {
                          image1 = canvas.toDataURL();
                          resolve(image1)
                      }
                  });
             });
              Promise.all([p1,p2,p3,p4,p5]).then(function(image){
                var docDefinition = {
                    header: {
                      margin: 10,
                      columns: [

                      ]
                  },
                    content: [{
                        image: image[0],
                        width: 500,
                    }],
               }) 
              pdfMake.createPdf(docDefinition).download('price-calculation-' + $scope.getDateTimeFormat("YYYY-MM-DD-hh:mm:ss") + '.pdf');
         })

        })

这是用于将 SVG 转换为 Canvas 的库。

https://github.com/Kaiido/SVG2Bitmap

Answer 1

它已在评论中提到，但这似乎主要是 Internet Explorer 的问题。您说您的 PDF Canvas 不是绘图，但您正在使用的库是在 Canvas 上绘图。他们甚至在代码中注释了一些 issues around Internet Explorer .

如链接问题中所述，您可能会 follow the advice处理 IE 问题的答案之一。但这实际上可能没有帮助，因为它确实是您正在使用的库导致了问题。

如果您不是在寻找严格的客户端解决方案，您可能还需要考虑代理 PDF 的 URL 以避免 IE 出现问题。