创建艺术字文字效果-FabricJs

Question

我正在使用fabricJs创建wordArts，可以缩放，旋转，转换文本。 该方法将以一定角度旋转和倾斜文本中的每个字符。 我使用Itext类的面料来设置每个角色的样式 这是我所做的，但它不起作用。

var canvas = new fabric.Canvas('c')

var text= "Test fabricJs"
var comicSansText = new fabric.IText(text, {
fontFamily: 'Comic Sans',
left: canvas.width/4, top: canvas.width/2 ,
stroke: '#ff1318',
strokeWidth: 1,
strokeStyle:"#fff",

styles:[[{"fill": "red",
          "fontSize": 20,
          "angle":30,
          "transform":"rotate(30deg)"}]]
});

请参阅此处http://jsfiddle.net/swesh/c7s9x2fh/

Answer 1

要启用“弯曲”文本，您需要添加fabric.CurvedText.js。
Download fabric.CurvedText.js
之后，您可以设置角度。

它为我工作。