两次渲染canvas脚本

时间:2016-10-22 16:05:17

标签: javascript html canvas

我有一个带有一些气球的画布,我是从互联网上获得的,我需要这样才能完成我的工作:)。 基本上,我可以在我的页面的一侧使用该画布,但我需要另一侧的帆布气球,所以我改变了

<canvas id="canvas"></canvas>

<canvas class="canvas"></canvas>

并在我需要的部分再次使用该标签,但这不起作用,你们知道我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

您使用的示例是处理单个画布的示例脚本。它不是抽象的,它的许多变量和方法都在全球范围内。因此,如果不能重构代码以便能够处理多个画布(至少需要将功能封装到将其应用于作为参数传递的特定画布的某个包装器中),您可以将此应用程序包含为iframe。

  • 创建一个只显示全屏画布的简单页面。
  • 到您的父页面添加带有气球页面作为来源的iframe。
<html>
  <body>
    <iframe src="ballons.html" height=300 width=300></iframe>
    <iframe src="ballons.html" height=300 width=300></iframe>
  </body>
</html>