工作爬坑系列之html2canvas截图空白

开笔第一篇

工作爬坑系列之html2canvas截图空白

最近刚开始用html2canvas,发现对IE10很不友好(用啥浏览器客户说了算…呜呜呜).

问题一

第一个问题是容易出现阴影,以及截图截不全.这个问题大多出现在用了box-shadow这个样式或者有滚动条的情况下,已经有很多大神给了解决方法,大致解决思路是通过拉伸截图区域的高度以及宽度.

问题二

截图啥也没截出来,这个问题我研究了好一会儿.刚开始以为是IE10太老了,不支持这个插件,经过一番骚操作发现还是自个代码的问题,官方文档给出了很多不支持的样式,例如问题一种的box-shadow.我这个问题导致的原因呢是在IE10环境使用了flex布局

<div style="display:-ms-flexbox" id="export">
    <div style="width:200px;height:200px">第一个div</div>
    <div style="width:200px;height:200px">第二个div</div>
</div>

当然,对于谷歌浏览器的display:flex还是支持的,对于我们程序猿来说谷歌还是香啊.

PS

第一次写博客,多多指教,后续有坑继续更新