創建藝術字文字效果-FabricJs

我使用fabricJs創建可以縮放，旋轉，轉換文本的wordArts。該方法將以一定角度旋轉並傾斜文本中的每個字符。我正在使用Itext類的面料來設計每個角色這裏是我所做的，但它不起作用。創建藝術字文字效果-FabricJs

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/

來源

2014-09-23 Swesh

我進入小提琴，我看到它的工作...每個對象添加到樣式列表它改變角色的設計......是什麼問題正是 – 2014-09-23 08:12:32

您好我想基本上實現這個功能我想要以某個角度旋轉每個字符，以便文本字符串看起來形成彩虹。 http://www.simonkarman.nl/projects/html5_wordart – Swesh 2014-09-23 08:31:45

我不認爲你可以這樣做，因爲我看過角度屬性是從對象類繼承而來的......而IText類的styles屬性是用於操縱每個字符，但這並不意味着從對象類繼承的字符，這就是爲什麼沒有任何轉換屬性對它們起作用。我建議你只是將每個角色創建爲自己的對象並操縱它。 – 2014-09-23 09:26:51

小提琴要啓用弧形文本，你已經添加fabric.CurvedText.js。
Download fabric.CurvedText.js
之後，您可以設置角度。

它爲我工作。

來源

2015-01-27 10:08:15

創建藝術字文字效果-FabricJs

回答

相關問題