Javascript 有没有办法下载svg旁边的html表和svg？

我使用d3.js创建了一个饼图来显示特定行业的覆盖范围，在svg旁边有一个html表来表示不同行业的不同颜色。我使用canvas.toBlob（）将svg作为png下载。有没有办法将html与svg一起下载

$（“#下载热图”）
.点击(
函数（）{
如果（！isIE&&（宽度>32767 | |高度>32767））{
警报（“无法下载，超出图像宽度/高度限制”）；
}否则如果（isIE&&（宽度>8192 | |高度>8192））{
警报（“无法下载，超出图像宽度/高度限制”）；
}否则如果（变色和（宽*高）>268435456）{
警报（“无法下载，超出图像宽度/高度限制”）；
}否则如果（iFirefox&&（宽度*高度）>472907776）{
警报（“无法下载，超出图像宽度/高度限制”）；
}否则{
var html=d3.select（“svg”）.attr（“version”，1.1）.attr(
“xmlns”http://www.w3.org/2000/svg“”.node（）.parentNode.innerHTML；
var svg=$（'svg'）.parent（）.html（）；
var canvas=document.querySelector（“canvas”）；
context=canvas.getContext（“2d”）；
canvas.width=宽度+100；
canvas.height=高度+50；
canvg（document.getElementById（'drawingArea'），html）；
canvas.toBlob（函数（blob）{
saveAs（blob，“heatMapDiagram.png”）；
});
}
});首先创建一个同时包含表和图表的DOM元素。然后，您可以使用JavaScript库将整个DOM元素截图到画布元素中，然后将其作为png下载到用户的计算机：

html2canvas(document.getElementById("yourContainerID"), {
  onrendered: function(canvas) {
    canvas.toBlob(function(blob) {
        saveAs(blob, "heatMapDiagram.png");
    });
  }
});

首先创建一个并排包含表和图表的DOM元素。然后，您可以使用JavaScript库将整个DOM元素截图到画布元素中，然后将其作为png下载到用户的计算机：

html2canvas(document.getElementById("yourContainerID"), {
  onrendered: function(canvas) {
    canvas.toBlob(function(blob) {
        saveAs(blob, "heatMapDiagram.png");
    });
  }
});

你可以试试你可以试试你好。我需要这张桌子和饼图。我想我用同样的方法下载了我的svg作为png。@user3531436啊。在这种情况下，您需要创建一个包含表和图表的元素，然后在整个过程中使用html2canvas.Hi。我需要这张桌子和饼图。我想我用同样的方法下载了我的svg作为png。@user3531436啊。在这种情况下，您需要创建一个包含表和图表的元素，然后在整个过程中使用html2canvas。