博客

iframe嵌入echarts页面的时候会报错Uncaught DOMException: Failed to execute ‘drawImage’ on ‘CanvasRenderingContext2D’：The HTMLImageElement provided is in the ‘broken’ state.

项目需要控制iframe的显隐，项目启动时不显示iframe，使用display为none来隐藏，便会报这个错误。

解决方案：动态添加iframe的src；

实例代码如下：

 <iframe id='hgpx' src='' frameborder='0'  style='position: absolute;top: 0;width: 100%;height: 100%;display: none'></iframe>
<script>
function showhgpx() {
            var src1 = "需要引入的地址";
            $("#hgpx").attr("src", src1)
        }
</script>