Html2canvas 不适用于 angular.js 中的 Google 折线图

【问题标题】：Html2canvas are not working on Google line chart in angular.jsHtml2canvas 不适用于 angular.js 中的 Google 折线图
【发布时间】：2019-06-24 20:02:54
【问题描述】：

请帮助我。我正在尝试将折线图转换为画布图像。

$scope.export = function() {
    html2canvas($('#div'), {
        useCORS: true,
        onrendered: function(canvas) {
            document.body.appendChild(canvas)
        }
    });
}

【问题讨论】：

标签： angularjs html2canvas

【解决方案1】：

var svgString = new XMLSerializer().serializeToString(document.querySelector('svg'));

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var DOMURL = self.URL || self.webkitURL || self;
var img = new Image();
var svg = new Blob([svgString], { type: "image/svg+xml;charset=utf-8" });
var url = DOMURL.createObjectURL(svg);

img.onload = function() {
   ctx.drawImage(img, 0, 0);
   var png = canvas.toDataURL("image/png");
   DOMURL.revokeObjectURL(png);
   img.src = url;
}

【讨论】：