/ / Rendu du script de travail deux fois - javascript, html, canvas

Rendre le script de toile deux fois - javascript, html, canvas

J'ai une toile avec des ballons que j'ai obtenueInternet, j’en ai besoin pour finir mon travail :). En gros, je pourrais utiliser cette toile d’un côté de la page, mais j’ai besoin des ballons en toile de l’autre côté, j’ai donc changé le

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

à

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

et utilisé l’étiquette à nouveau dans la section dont j’ai besoin, mais cela ne fonctionne pas, savez-vous comment je peux résoudre ce problème?

Réponses:

0 pour la réponse № 1

L’échantillon que vous avez utilisé est un exemple de scriptmanipuler une seule toile. Il n'est pas abstrait et beaucoup de ses variables et méthodes sont dans la portée globale. Donc, à moins de refactoriser ce code pour pouvoir gérer plusieurs canevas (nécessite au moins d'encapsuler la fonctionnalité dans un wrapper qui l'applique à un canevas donné passé en paramètre), vous pouvez inclure cette application sous forme d'iframes.

  • créer une page simple qui affiche uniquement un canevas en plein écran.
  • à votre page parent, ajoutez des iframes avec la page ballon comme source.
<html>
<body>
<iframe src="ballons.html" height=300 width=300></iframe>
<iframe src="ballons.html" height=300 width=300></iframe>
</body>
</html>