首页 > 解决方案 > 使用所有 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

标签: javascripthtmlcss

解决方案


推荐阅读