html如何在一个页面放多个canvas

html如何在一个页面放多个canvas

所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐2113藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高5261度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。
　　到4102baidu和google一查,这方面的解决答案是非常的多,逐一尝试了一下,发现了1653几个问题,一是在各种IE兼容性不好,一是不支持多个Iframe在同一页面自适应,一是更新一个页面后,无法自动根据新页面高度刷新自适应,一是无法跨站调用.
　　研究了半天版终于写出了解决方案:
　　web1,web2,web3 是上中下,三个需要自适应的页面,在主页面index.html中进行逐权个的iframe调用,要求各自高度在iframe区域中能够自适应......

<canvas id="can" style="position:absolute;background:#f00;"></canvas> <script> can.style.left=0; can.style.top=0; can.width=200; can.height=200; </script> <canvas id="canvas" style="position:absolute;border:solid 1px #00f;"></canvas> <script> canvas.style.left=0; canvas.style.top=0; canvas.width=400; canvas.height=100; </script> 有帮助请点赞，谢谢