Discussion :

[tripper.dim]

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.

[LearningBoy]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[tripper.dim]

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.

Encore merci.


Cordialement,
D.