如何将 fabric.Text 对象属性应用到 fabric.CurvedText 对象？

Question

我正在使用fabric.js 4.5.0 版本
我正在将 fabric.Text 对象转换为 fabric.CurvedText 对象。
问题是 fabric.Text 对象属性在转移到 fabric.CurvedText 对象

后没有应用

Answer 1

首先创建fabric.Text对象

var text = new fabric.Text('Testing,{
        strokeWidth: 0,
        stroke:"#ffffff",
        paintFirst: "stroke",
        fill: defaultTextColor,
        fontFamily: fontFamily,
        fontSize: defaultFontSize,
        typeOfObject: "text",
        charSpacing:0
});
activeCanvas.add(text);
activeCanvas.setActiveObject(text);
activeCanvas.renderAll();

现在将阴影属性应用于 fabric.Text 对象

activeCanvas.getActiveObject().set('shadow',{
    color: 'black',
    blur: 10,
    offsetX: 10,
    offsetY: 0
});
activeCanvas.renderAll();

然后将 fabric.Text 转换为 fabric.Text 弯曲的

activeCanvas.getActiveObject().set(new fabric.TextCurved(activeCanvas.getActiveObject().text, {
    type: 'text-curved',
    diameter: 360,
    kerning: 0,
    fontFamily: 'Arial'
    fontSize: 32,
    top: 395,
    left:405,
    strokeStyle: null,
    strokeWidth: 0,
    shadow:{
            color: activeCanvas.getActiveObject().shadow.color,
            blur: activeCanvas.getActiveObject().shadow.blur,
            offsetX: activeCanvas.getActiveObject().shadow.offsetX,
            offsetY: activeCanvas.getActiveObject().shadow.offsetY,
            opacity: activeCanvas.getActiveObject().shadow.opacity
   }
}));
activeCanvas.renderAll();

如何将 fabric.Text 对象属性应用到 fabric.CurvedText 对象？

How to apply a fabric.Text object property to a fabric.CurvedText object?

fabricjs

如何将 fabric.Text 对象 属性 应用到 fabric.CurvedText 对象？

How to apply a fabric.Text object property to a fabric.CurvedText object?

fabricjs

如何将 fabric.Text 对象属性应用到 fabric.CurvedText 对象？