Fabricjs изогнутый текст плохой coords

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/