vue html2canvas文字重叠,Vue 对于 html2canvas生成图片时 由滚动条导致不全和空白的问题...

:data="chartData"

:horizontal="horizontal"

:collapsable="collapsable"

:label-class-name="labelClassName"

:render-content="renderContent"

@on-expand="onExpand"

@on-node-click="onNodeClick"

/>

html2canvas(document.getElementById("newImg"),{

useCORS:true,

width:window.screen.availWidth,

height:$(".org-tree-container").height()+document.body.scrollHeight,   //这个高度和windowHeight 的关系调整刚好即可

windowWidth:document.body.scrollWidth,

windowHeight:$(".org-tree-container").height()+document.body.scrollHeight, //这个高度和height的关系调整刚好即可

x:0,

y:window.pageYOffset

}).then(function (canvas) {

let image = canvas.toDataURL("image/png");

let $a = document.createElement('a');

$a.setAttribute("href", image);

$a.setAttribute("download", "统计分项");

$a.click();

});