我在我的网站中使用曲线文本,它对 1 个曲线文本工作正常,但是当我添加另一个曲线文本时,它会为我产生问题。我对此进行了很多搜索,但还没有找到解决方案。
这是我的小提琴演示链接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();
});
我也试过这个小提琴,但它在小提琴上也不起作用,正如这里提到的那样https://github.com/EffEPi/fabric.curvedText