Comment incliner le texte généré par fillText() pour la balise canvas en HTML5?

Question

Comment incliner le texte généré par fillText() pour la balise canvas en HTML5?

Serait-ce fait de la même manière que MozTransform, webkitTransform, oTransform, transformer, etc.?

Answer 1

Utilisez une déclaration comme

context.setTransform (1, -0.2, 0, 1, 0, 0); 

Voir la spec for canvas transformations.

Alors, où vous utiliseriez une ligne CSS comme

-moz-transform: matrix(a, c, b, d, tx, ty) 

vous pouvez utiliser le Javascript

context.setTransform (a, c, b, d, tx, ty); 

Un exemple de texte dessin serait

context.font = '20px arial,sans-serif' ; 
context.fillStyle = 'black' ; 
context.setTransform (1, -0.2, 0, 1, 0, 0); 
context.fillText ('your text', 10, 10) ; 
context.setTransform (1, 0, 0, 1, 0, 0); 

note finale setTransform, qui définit la transformation à l'identité.