javascript - 使用所有 css 将 div 内容保存为 pdf
问题描述
我想将我的 div 内容及其所有 css 样式设置为 pdf 文件,但是当我单击按钮获取 pdf 时,它只显示它的 html 内容而不是它的 css 样式 tere 是我的 js 和 html 代码我使用 jsPDF 库进行这项工作
function Convert_Html() {
var doc = new jsPDF();
var elementHTML = $('#con').;
var specialElementHandlers = {
'#elementH': function (element, renderer) {
return true;
}
};
doc.fromHTML(elementHTML, 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('id.pdf');
}
</script>
我的html代码
<div id="con">
<div class="id-card-wrapper">
<div class="id-card">
<div class="profile-row">
@*<div class="dp">
<div class="dp-arc-outer"></div>
<div class="dp-arc-inner"></div>
<img src="https://via.placeholder.com/420x420">
</div>*@
<div class="desc">
<h1>Tony Stark</h1>
<p>Strength: Ironman Suit</p>
<p>Weakness: None</p>
<p>Known as: Iron Man</p>
</div>
</div>
</div>
</div>
</div>
<div id="elementH"></div>
<button onclick="Convert_Html();">Get</button>
在这里我遇到问题它只给它html而不是所有css
解决方案
推荐阅读
- javascript - 在 javaScript 中从数组的多个值创建一个字符串
- c# - 如何在c#ef中将一个表的数据上传到另一个表的单行?
- django - Django + Bootstrap 模态表单仍然显示 Django 的默认错误,而不是引导错误?
- docker - 很少有测试失败只有 docker 实例
- applescript - Applescript 没有文件的写权限
- android - Jetpack Compose:如果动画滚动被中断并启动一个新项目,则 LazyColumn 不会渲染某些项目
- grafana - 将数据点写入 InfluxDB2
- c++ - 在哪些情况下 std::dynamic_pointer_cast 失败?
- html - 如何使用 css 获取自定义工具提示以使用 svg 路径
- php - 从多维度数组中读取数据