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

时间:2013-11-11 11:47:23

标签: javascript canvas fabricjs

我在我的网站上使用曲线文本它可以正常工作1曲线文本,但是当我添加另一个弯曲文本时,它会为我生成问题。我搜索了很多关于它的但是找不到解决方案。

这是我的小提琴Demo Link1

Demo Link2

这是我的代码:

 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,但是这里也没有提到小提琴{} 3}}

0 个答案:

没有答案