Fabricjs曲線文字壞線索

Question

我有問題框架fabric.curvedText.js。我從這個網站得到的例子https://github.com/EffEPi/fabric.curvedText

我添加了一行'angle：60'。只有當角度爲0時，座標纔是好的。 SetCoords()沒有幫助。下面是一個例子。

的jsfiddle：http://jsfiddle.net/y10vjagy/6/

如何解決？

Answer 1

以角度開始渲染：0;

加載後改變彎曲的文字角度，這樣你就可以同時旋轉文本和包裝框架（我認爲這是你在這裏遇到的一個bug），無論如何，如果你需要在加載時使用某個角度進行渲染，在對象渲染後需要一個。

// where obj is curved text object 
if(obj){ 
      obj.set($(this).("angle"), 60); 
     } 

http://jsfiddle.net/7wLnz6pq/

更新：

$('#radius, #spacing, #fill').change(function(){ 
     var obj = canvas.getActiveObject(); 
     if(obj){ 
      var angle = obj.get('angle'); 
      obj.set('angle', 0); 
      obj.set($(this).attr('id'),$(this).val()); 
      obj.set('angle', angle); 
     } 
     canvas.renderAll(); 
    }); 
    $('#angle').change(function(){ 
     var obj = canvas.getActiveObject(); 
     if(obj){ 
      obj.set($(this).attr('id'),$(this).val()); 
     } 
     canvas.renderAll(); 
    }); 

設置角度爲0時的半徑和間隔被改變http://jsfiddle.net/7wLnz6pq/1/