javascript - Fabric.js を使用して曲線テキストの場合に canvas.getActiveObject() を使用する方法

Question

Web サイトで曲線テキストを使用していますが、1 つの曲線テキストでは正常に機能しますが、別の曲線テキストを追加すると問題が発生します。私はそれについてたくさん検索しましたが、まだ解決策を見つけることができません。

これが私のフィドルデモLink1です

デモリンク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