阅读:4K 回复: 3

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	简单来说，这件事一点不简单。.

查看全部评分

帖子热度 4004 ℃

赞赏

相关帖子

千幻

「龙战于野」 2020-2-21 12:20 |显示全部楼层

你的身边一直很热闹，但你一直很孤独。

我们先定一个能达到的小目标，先赚它一亿古黑币!

html2canvas 使用 overflow:hidden 无效

评分

相关帖子

教你7招简单的网络安全技术

网站使用新的logo图案

当代网友使用 APP 现状

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

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

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

管理员

精华达人

主题破百

以坛为家

论坛元老

土豪会员

五周年纪念