Question

我遇到框架fabric.curvedText.js的问题。我从这个网站获得了例子https://github.com/EffEPi/fabric.curvedText

我添加一行'角度：60'。只有当角度为0时，坐标才是好的。 SetCoords()无济于事。以下是一个例子。

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

如何解决？

Answer 1

以角度开始渲染：0;

加载后改变弯曲的文字角度，这样你就可以同时旋转文本和包装框架（我认为这是你在这里遇到的一个错误），无论如何你需要在加载某个角度时渲染，改变所需的角度一个在物体渲染之后。

// 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/

Fabricjs弯曲文本坏coords

1 个答案: