html2Canvas显示或隐藏指定元素

文章介绍了两种在使用html2canvas库时隐藏指定元素的方法:通过data-html2canvas-ignore属性和使用ignoreElements方法,同时提供了一种显示指定元素的方式,即在onclone回调中修改元素样式。这种方法主要用于网页内容的截图和渲染。
摘要由CSDN通过智能技术生成

隐藏指定元素:

方法一:data-html2canvas-ignore="true"

<div class="detail" data-html2canvas-ignore="true">
    <el-button type="primary" size="small" @click="viewDetail(item)">查看详情</el-button>
</div>

方法二:ignoreElements,麻烦,不建议用。

显示指定元素:

目前只找到一种方式:onclone。

#analyse-heade {
    display: none;
}
html2Canvas(dom, {
    useCORS: true,
    scale: 2,
    allowTaint: true,
    backgroundColor: '#fff',
    onclone: cb => {
        cb.getElementById('analyse-heade').style.display = 'block'
    }
})

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值