Fabricjs 弯曲文本不良坐标

Question

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

我要加一行'angle: 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 弯曲文本不良坐标

Fabricjs curved text bad coords

javascript

fabricjs