1

我在我的网站中使用曲线文本,它对 1 个曲线文本工作正常,但是当我添加另一个曲线文本时,它会为我产生问题。我对此进行了很多搜索,但还没有找到解决方案。

这是我的小提琴演示链接1

演示链接2

这是我的代码:

 canvas = new fabric.Canvas('c');

  Example = new CurvedText( canvas, {angle:50} );
  Example.center();
  Example2 = new CurvedText( canvas, {angle:150} );
  Example2.center();

  $('.radius, .spacing, .align, .fontSize').change(function(){
    Example.set( $(this).attr('class'), $(this).val() ) ;    
  });
  $('.reverse').change(function(){
    Example.set( 'reverse', ( $(this).val() == 'true' ) ) ;    
  });
  $('.text').keyup(function(){
    Example.setText( $(this).val() ) ;
  });

如果我改用canvas.getActiveObject()它,Example那么它也无法正常工作:

      $('.radius, .spacing, .fontSize, .align').change(function(){
       var obj = canvas.getActiveObject();
  if(obj){
      obj.set( $(this).attr('class'), $(this).val() ) ;   
    }
      canvas.renderAll();
  });

我也试过这个小提琴,但它在小提琴上也不起作用,正如这里提到的那样https://github.com/EffEPi/fabric.curvedText

4

0 回答 0