html2canvas 使用 overflow:hidden 无效

小执念 · 2020-2-20 19:52

论坛使用 html2canvas 来生成海报，遇到几个问题，其中一个就是在浏览器上使用 css 代码

overflow:hidden

复制代码

是正常的，但是用 html2canvas 来截图的话， overflow:hidden 就失效了。。。

找了好久资料，解决办法如下：

    html2canvas($('#haibaotemp_'+v)[0], {

        scale: 2,

        useOverflow: true,

        useCORS: true

    }).then(canvas=>{

🤌🚤🥛🆒🐒‏
    document.getElementById('headimg').style.overflow = 'hidden';

复制代码

关键代码 document.getElementById('headimg').style.overflow = 'hidden';

动态修改 id 为 headimg 的 css 属性。

使用, 无效

评分

参与人数 2	成长值 +2	金币 +2	展开理由
千幻	+ 1	+ 1	我们先定一个能达到的小目标，先赚它一亿古.
空谷幽兰	+ 1	+ 1	简单来说，这件事一点不简单。.

查看全部评分

帖子热度 6044 ℃

html2canvas 使用 overflow:hidden 无效

评分

相关帖子

什么样的密码才算安全?

Discuz 使用高清表情（控制表情图片大小）

使用 CloudFlare 后百度蜘蛛抓取错误，不收录问题

Discuz 帖子使用代码时，保留 tab字符

当代网友使用 APP 现状

网站使用新的logo图案

管理员

精华达人

主题破百

以坛为家

论坛元老

五周年纪念