Mettre le texte d'une DIV dans une image CANVAS

Bonjour à tous,

Je souhaitera savoir s'il est possible de générer un texte, mise en forme via jquery et l'intégrer ensuite dans une "image" canvas ? (si oui, comment)
En gros pour que mon texte fasse partie de l'image et non pas simplement une superposition.

Où est-il possible de faire en javascript un cercle (çà c'est déjà fait) et ajouter du texte suivant ce cercle (bonne rotation des caractères, bon espacements, ...) dans un canvas, pour en faire une image ?

D'avance merci.


Bonne continuation.

D.

Bonjour tripper.dim,

Il est possible d'écrire un texte dans un canvas grâce à la méthode fillText, et même de mettre en forme ce texte.

Voici un exemple qui écrit "Hello, world !" en taille 30px, et avec la police Arial :

Code:

---

1 2 3 4 5

var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.font = "30px Arial"; ctx.fillText("Hello World",10,50);

---

J'espère que cet exemple vous aideras. ;)

Simon,

auteur sur AwesomeAngular.

Merci LearningBoy.

J'ai utilisé vos méthodes, mais c'est un peu compliqué pour faire le suivi d'un arc de cercle.

Je essayer la création de svg, qui me donne un meilleur résultat à l'aperçu et à l'impression. Mais c'est un peu plus compliqué à gérer certaines formes. Reste plus qu'à faire des procédures pour gérer tout cela. :lol:

Encore merci.


Cordialement,
D.