下面是我的代码和JSFiddle的链接。
HTML
<input type="button" id="export" value="Export"/>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="162" text-anchor="middle" class="highcharts-title" zindex="4" style="color:#333333;font-size:18px;font-weight:normal;text-decoration:normal;font-family:Lucida Grande,Lucida Sans Unicode, Arial, Helvetica, sans-serif;visibility:visible;fill:#333333;width:260px;" y="25">Inventory</text>
</svg>
JS
$(document).ready(function(){
$('#export').on('click', function() {
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
},
});
});
});
我正在尝试使用html2canvas库将svg转换为画布图像。在本例中,我只是将画布图像添加到输出中。您可以清楚地看到文本是倍增的。有人能建议我解决这个问题吗?
希望我的问题是清楚的。提前谢谢。
https://stackoverflow.com/questions/29597242
复制相似问题