在HTML5中，如何扭曲fillText（）为画布标记生成的文本？

在HTML5中，如何扭曲fillText（）为画布标记生成的文本

它的实现方式是否与MozTransform、WebKittTransform、OtrTransform、transform等相同

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

看

那么在哪里使用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

，它将转换设置回标识。

谢谢！是的，我试过context.style.MozTransform=“skewx（45度）”；和context.MozTransform=“skewx（45度）”；（以及WebKit和Presto的版本，但这些版本不适用于canvas。