渲染画布脚本两次

Rendering canvas script twice

本文关键字：两次脚本布脚本更新时间：2023-09-26

我有一个帆布和一些气球，我从互联网上得到的，我需要完成我的工作:)。基本上，我可以在页面的一边使用画布，但我需要在另一边使用画布气球，所以我改变了

<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>