html2canvas不支持css属性，html2canvas缺点

iframe在html2canvas中显示不出来

1、浏览器认为不安全。在页面中用到了iframe标签，有时在浏览器中并不能完全显示iframe，导致有些iframe内的内容不能被显示，这种情况是因为浏览器认为不安全，使用以下js可以解决大多数问题。

2、主要固原是因为页面有滚动条，然后把滚动条去掉就没有问题。文档使用方法 按照这个方式使用，页面没有滚动条还行，有滚动条时出现大片空白。

3、不显示可能是iframe没有设置正确的宽高或者iframe的地址不正确。可以根据浏览器提示，检查上面这些设置有没有问题。

4、是需要登录到另一个系统，才可以看见的页面。

5、iframe是一个内套的代码。你　要注意你的标签头末是否完整。iframe/iframe如果你后面少一个的话。。就会产生你这个问题。因为网页以为你要把下面的全套进去了。

6、项目中需要局部打印页面的图表，图表类型多而杂，因此html结构中包含了canvas和iframe，iframe中又包含canvas。刚开始根据网上的教程试了原生打印和插件打印（react-to-print），还有html2canvas转换页面都不能满足。

相关问答

Q1: 前端HTML页面转PDF(html2canvas+jspdf)

1、utils - htmlToPdf.js main.js 如果在多个页面使用，给函数定义一个参数，参数为要导出页面部分的id。

2、安装Adobe Acrobat后会默认在IE浏览器中添加PDF工具栏。该工具可以方便的将网页转化成PDF文档，或者添加入已有的PDF文档，Adobe PDF Explorer工具栏则可以在IE的收藏夹界面内管理window内的HTML文档与PDF文档的转化。

3、在电脑上用浏览器打开html文件。同时按Ctrl和P键，在弹出的页面中将【打印机】的选项改为另存为PDF。点击页面下面的【保存】选项。在弹出的页面，继续点击【保存】选项。这样html文件就被转换成pdf文件了。

Q2: html2canvas的使用

第一步：html转为canvas 基于html2canvas.js可将一个元素渲染为canvas，只需要简单的调用html2canvas(element[， options])；即可。

html2canvas 可以将一个元素渲染为canvas。需要注意的是，Vue使用v-if和v-show的时候html2canvas无法将元素渲染为canvas。

这转换代码到图片使用html2canvas，这是一个非常著名的从浏览器网页截图的开源库，使用很方便，功能也很强大。

首先打开电脑，点击进入html2canvas。其次打开上方菜单栏，点击字号设置。最后在字号设置中，点击截图字号即可设置。

html2canvas可以将HTML代码块进行截取，并生成快照形式的canvas，然后可以利用html5的下载功能提供图片的下载接口，供用户下载。优点：前台技术，实现比较容易。

[插件官网 http：//html2canvas.hertzen.com/ 隐藏之后发现在绘制的过程中出现了半截的情况，在官网QA中看到了相关的资料：再次看配置项中，看到了 然后将其设置为0，再次渲染就是正常的了。

Q3: canvas元素html属性的width&height与css样式的width&height关系

1、canvas是由一张画板和一张画纸铺成的，画板相当于一个容器，我们在画纸上作画。当画纸与画板宽高不相等时，图形就会被拉伸。

2、英文中 Canvas 的意思是“画布”，不过这里说的 Canvas 是 HTML5 中新出的一个元素，开发者可以在上面绘制一系列图形。

3、你说的solid是实线的意思，一般用在CSS中border的属性，比如：.nav{ border：1px solid red；} Canvas 对象表示一个 HTML 画布元素 - canvas。

Q4: html2canvas在ios上截屏样式不识别

设置不对。据csdn博客得知截屏时嵌套的iframe中的内容无法显示是因为html2canvas插件读取iframe节点时，会获取iframe标签的width和height属性，如果未设置该属性，则在绘制canvas时width和height为0，所以就无法显示。

本地图片区域为空白的问题，可能是由于跨域导致的。您可以尝试将html2canvas的配置项参数中，scrollx，scrolly都设置为0，这样可以确保截图的区域包含了整个页面。如果问题仍然存在，您可以尝试在上传之前压缩图片的大小。

造成模块并没有完全加载完毕，就已经生成了截图。

Q5: html2canvas报错?

更新或重装插件：请确保已经安装了最新版本的vue-html2canvas。如果已经安装，尝试卸载后重新安装，有时候这可以解决问题。检查权限：确保应用有足够的权限来访问设备的摄像头和存储空间。

html2canvas在ie下提示内存空间不足原因如下。弹出脚本运行错误报道的都是在同一个网页上面，且浏览器弹出的报告也是相同的错误。

题主问的是否是iframe在html2canvas中显示不出来的原因？设置不对。

html2canvas不支持css属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html2canvas缺点、html2canvas不支持css属性的信息别忘了在本站进行查找喔。