canvas的clear事件兼容性问题处理

昨天开发中被测试提了canvas的兼容性问题，首先的兼容性问题比较好处理，是由于requestAnimationFrame方法在某些浏览器中没有该方法造成的，这个很好解决，通过setTimeout方法代替之就行了。

之后在魅族和红米手机上成功运动了canvas的动画效果，接下来测试提出了一个比较有意思的bug，因为我是用canvas画了一个渐渐画出来的线的效果（大概这个意思），问题是这个动画效果不仅在canvas绘制的位置出现了，并且出现在了诸如华为默认浏览器，魅族mx2默认浏览器中在页面顶部会重绘该效果的问题。

以上问题困扰了我很久，网上资料显示可以通过让canvas的display不停的切换以实现它的强制刷新，我觉得这种方法过于消耗内存效果并不出众。

终于在一篇lufy写的文章（博客链接http://blog.csdn.net/lufy_legend/article/details/17498837），介绍h5陷阱的文章中找到了答案，通过在canvas父类容器中添加样式style="overflow:visible;-webkit-transform: translateZ(0);，完美解决了该问题。