我有一个帆布和一些气球,我从互联网上得到的,我需要完成我的工作:)。基本上,我可以在页面的一边使用画布,但我需要在另一边使用画布气球,所以我改变了
<canvas id="canvas"></canvas>
<canvas class="canvas"></canvas>
并在我需要的部分再次使用标签,但这不起作用,你们知道我该如何解决这个问题吗?
您使用的示例是处理单个画布的示例脚本。它不是抽象的,它的许多变量和方法都在全局范围内。由于不需要重构代码来处理多个画布(至少需要将功能封装到某个包装器中,以便将其应用于作为参数传递的特定画布),您可以将此应用程序作为iframes包含。
- 创建一个简单的页面,只显示画布全屏。
- 为你的父页面添加iframes,以气球页面为源。
<html> <body> <iframe src="ballons.html" height=300 width=300></iframe> <iframe src="ballons.html" height=300 width=300></iframe> </body> </html>