【问题标题】:jsPDF HTML2Canvas + HTML + Images cut off capturejsPDF HTML2Canvas + HTML + 图片截取
【发布时间】:2019-10-24 06:29:12
【问题描述】:

有没有办法在用画布捕捉时调整宽度和高度?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script>
    function demoFromHTML() {
        var pdf = new jsPDF('p', 'pt', 'letter');
        var options = {
            background: '#fff'
        };
        html2canvas(jQuery("#pdf"), {
            onrendered: function(canvas) {         
                var imgData = canvas.toDataURL(
                    'image/png');              
                var doc = new jsPDF('p', 'mm');
                doc.addImage(imgData, 'PNG', 0, 0);
                doc.save('results.pdf');
            }
        });
    }
</script>

【问题讨论】:

  • 这个问题你解决了吗?

标签: javascript jquery jspdf html2canvas


【解决方案1】:

使用配置选项:https://html2canvas.hertzen.com/configuration

width >> DEFAULT:元素宽度 - 画布的宽度

height >> DEFAULT:Element height - 画布的高度

【讨论】:

    猜你喜欢
    • 2020-03-28
    • 1970-01-01
    • 1970-01-01
    • 2014-08-30
    • 1970-01-01
    • 2020-10-16
    • 1970-01-01
    • 1970-01-01
    • 2019-01-20
    相关资源
    最近更新 更多