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

Question

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

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

Answer 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;
}