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/