html2canvas截图时，丢失样式

yzbsd 2016-03-19 01:52:27

在用html2canvas截图的时候，发现用css设置的圆角效果丢失了，应该是圆角效果，变成了直角，其它效果正常，有哪位大神遇到过这种情况？

...全文

3436 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_30426435 2016-11-16

打赏
举报

回复

引用 3 楼 yzbsd 的回复:

样式有问题，设置背景图解决的

怎么解决的，大神能详细说明下吗？如果有空麻烦联系我下加扣扣 794333986

yzbsd 2016-09-11

打赏
举报

回复

样式有问题，设置背景图解决的

xufengyi_zz 2016-08-22

打赏
举报

回复

遇到同样的问题，请问楼主怎么解决的

业余草 2016-03-28

打赏
举报

回复

这个还没有遇到过！ http://www.xttblog.com/?p=261 有缺陷的

开源的html2canvas，可用于截图等。

html2canvas可以截图指定dom元素，但是dom元素中如果含有svg会导致截图不完整，例如使用jsPlumb流程图，其中连线无法截图，所以结合了canvg可以完整截图

本课程基于HTML5的Canvas编程技术、JavaScript和CSS等前端技术，实现了拼图游戏的开发过程，可以借此课程初步掌握网页游戏的开发过程和思路，并加强对H5等前端技术的熟练掌握。

HTML转PDF： 1.页面底层实现——Vue：最低兼容ie10　　 2.实现思路：　　1> 使用html2canvas.js将网页转换为图片　　2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件具体实现：　　要这样实现首先要引入两个插件：　　　　html2canvas.js 　　　　jsPdf.debug.js 注：　　因为ie10在canvas截图时候会出现部分样式丢失的情况，所以在代码中有部分修改了页面的样式　　所以建议在做截图的时候，将页面代码复制一份到隐藏域，在隐藏域里面做修改，这样就不会修改页面原有样式了　　如果大家有更好的方法，欢迎提议

以Chrome为例

39,084

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章