我在我的网站上使用曲线文本它可以正常工作1曲线文本,但是当我添加另一个弯曲文本时,它会为我生成问题。我搜索了很多关于它的但是找不到解决方案。
这是我的小提琴Demo Link1
这是我的代码:
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}}