html如何在一个页面放多个canvas
2个回答
推荐于2016-06-11
展开全部
所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面,我们直接写死iframe高度就可以了。而如果iframe要切换页面,或者被包含页面要做DOM动态操作,这时候,就需要程序去同步iframe高度和被包含页的实际高度了。
到baidu和google一查,这方面的解决答案是非常的多,逐一尝试了一下,发现了几个问题,一是在各种IE兼容性不好,一是不支持多个Iframe在同一页面自适应,一是更新一个页面后,无法自动根据新页面高度刷新自适应,一是无法跨站调用.
研究了半天终于写出了解决方案:
web1,web2,web3 是上中下,三个需要自适应的页面,在主页面index.html中进行逐个的iframe调用,要求各自高度在iframe区域中能够自适应......
到baidu和google一查,这方面的解决答案是非常的多,逐一尝试了一下,发现了几个问题,一是在各种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>
有帮助请点赞,谢谢
<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>
有帮助请点赞,谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询