我如何使用fillText（）为HTML5中的画布标签生成文本？

Question

如何使用fillText（）为HTML5中的画布标签生成文本？

它会以与MozTransform，webkitTransform，oTransform，transform等相同的方式完成吗？

Answer 1

使用如下语句

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

见spec for canvas transformations。

那么，你会使用一个CSS线像

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

您可以使用JavaScript

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

绘制文本的一个例子是

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); 

注意最后setTransform，它将变换设置回身份。