阅读: 3.4K 回复: 3

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

查看全部评分

我是神

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

这个用户很懒，还没有填写自我介绍呢~

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

推荐 1 0

清川带长薄

「出类拔萃」 2020-2-20 19:52 |显示全部楼层

这个用户很懒，还没有填写自我介绍呢~

尔等果如其母戏寡人欤？

空谷幽兰

「踏破虚空」 2020-2-21 12:18 |显示全部楼层

从前车马很慢，书信很远，一生只够爱一个人，但是可以纳很多妾啊！

感谢分享。

返回列表发新帖

[# JS] html2canvas 使用 overflow:hidden 无效

相关帖子

评分

管理员

五周年纪念

精华达人

主题破百

以坛为家

论坛元老