Discussion :

[sylvain230]

Bonjour,

Est il possible d'ajouter des balises HTML dans une balise <canvas> ?

Si oui comment ?

Merci d'avance

[Bisûnûrs]

Oui, de la même manière que n'importe quel autre élément.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<canvas id="truc" width="150" height="150">
  <img src="truc.png" width="150" height="150" alt="" />
</canvas>

[Bovino]

Attention toutefois, le contenu HTML contenu dans la balise canvas ne sera affiché que par les navigateurs qui n'acceptent pas cette balise

[sylvain230]

D'accord donc si je veux insérer un lien je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var link = document.createElement('a');
link.width = 10;
link.heiht = 20;

Mais aprés comment je spécifie le lien vers lequel il pointe ? :s

[Bovino]

Non, pas vraiment

Tu es sûr d'avoir bien compris ce qu'est une balise canvas ?

Il s'agit d'une image dynamique, tu ne peux pas y intégrer de code HTML

[sylvain230]

En fait je voudrais interagir avec un canvas dans un univers WebGL lol.

[Invité]

Salut,

Tu devrais utiliser un framework pour ton canvas, ça te facilitera la tâche .
Avec jcscript, par exemple, ça donnerait ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script>
jc.start('canvasID');
jc.text("Le texte du lien",5,10,'#000000').font('14px Arial').click(function(){
     document.location.href = "tonLien.html";
});
jc.start('canvasID');
</script>

Sachant que 5 est la position X et 10 la position Y .

Bon taf, A+