Javascript 如何使用Fabric.js在曲线文本中使用canvas.getActiveObject()

Javascript 如何使用Fabric.js在曲线文本中使用canvas.getActiveObject(),javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我在我的网站上使用曲线文本,它可以很好地处理1个曲线文本,但当我添加另一个曲线文本时,它会给我带来问题。关于这件事我找了很多,但还没有找到解决办法 这是我的小提琴 这是我的密码: canvas = new fabric.Canvas('c'); Example = new CurvedText( canvas, {angle:50} ); Example.center(); Example2 = new CurvedText( canvas, {angle:150} );

我在我的网站上使用曲线文本,它可以很好地处理1个曲线文本,但当我添加另一个曲线文本时,它会给我带来问题。关于这件事我找了很多,但还没有找到解决办法

这是我的小提琴

这是我的密码:

 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();
  });

我也尝试过这个,但它在fiddle上不起作用,正如这里提到的

FWIW,
fabric.curvedText
,您使用的是非官方插件,由我们以外的人开发(fabric团队)。需要深入了解问题所在,但现在没有时间。fabric.js中是否存在此功能?如果是的话,你能给我提供任何我能得到的链接吗?目前还不存在