gpt4 book ai didi

javascript - 使用 html 到 Canvas ,但也有 SVG

转载 作者:行者123 更新时间:2023-12-03 12:37:13 27 4
gpt4 key购买 nike

我正在使用 html2canvas,但我不知道是否支持 SVG。我尝试了以下操作,并在我的 html 文档中有一个 SVG 标签,但该数据未转换为 Canvas 。图像和 CSS 已转换。

<head>
<title>jsPDF</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="jspdf/jspdf.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.from_html.js"></script>

<script type="text/javascript" src="jspdf/jspdf.PLUGINTEMPLATE.js"></script>

<script type="text/javascript" src="libs/rgbcolor.js"></script>
<script type="text/javascript" src="libs/StackBlur.js"></script>
<script type="text/javascript" src="libs/rgbcolor.js"></script>
<script type="text/javascript" src="libs/canvg.js"></script>
<script type="text/javascript" src="libs/html2canvas.js"></script>
<script type="text/javascript" src="libs/PDF.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#runpdf").click(function(event) {
html2canvas(document.body, {
onrendered: function(canvas) {
var doc = new jsPDF();
doc.addImage(canvas.toDataURL("image/jpeg"), 'jpeg', 15, 40, 180, 160);
doc.save('test2.pdf');
}
});
});
});
</script>
<style type="text/css">
</style>
</head>
<body>
... with SVG tag here
</body>
</html>

最佳答案

html2canvas 不支持 SVG。 http://html2canvas.hertzen.com/faq.html

关于javascript - 使用 html 到 Canvas ,但也有 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23684841/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com