关于 html2canvas 截图透明的问题

发布于
2020-09-14

今天使用 html2canvas 的时候发现一个问题
就是在截取一个 dom 的时候内嵌一个 video 标签,那么截取下来的 video 是透明的...请问各位大佬有没有遇到过类似的问题

{
    allowTaint: true,
    useCORS: true
}

这个已经设置了~~

前端 javascript

html5 html2canvas vue.js

阅读 4.8k

1 个回答

得票最新

xdsnet

7.6k3527

发布于
2020-09-17

✓ 已被采纳

估计没有办法处理，因为视频是由浏览器特殊渲染的（基于效率）。
有例子表明它只能截到包含poster的视频。参考 https://segmentfault.com/q/1010000008639838

查看全部 1 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答3k 阅读
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5.3k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答1.5k 阅读
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答2.2k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.4k 阅读✓ 已解决
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.5k 阅读

相似问题

使用html2canvas截图后，出现多余空白！
1.8k 阅读
html2canvas截图
1 回答2k 阅读
canvas绘制透明图片的问题
2 回答8k 阅读
求教html2canvas在节点太多时的问题。
2.6k 阅读
关于vue路由跳转的问题
6 回答3.2k 阅读

找不到问题？创建新问题

关于 html2canvas 截图透明的问题

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

Next.js做纯前端是否可行？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？