Javascript 将Circletype.js与jQuery动画结合使用

我想与jQuery.animate结合使用，以便在设置其容器宽度的动画时，使文本围绕我的徽标/图像弯曲

我正在申请.circleType{fluid:true}；这与正确的css一起，会导致文本路径弯曲以适应其容器大小

运行代码段以说明：

手动调整容器大小时，文本半径会发生变化 文本半径在通过调整大小时不会更改。设置动画。为什么不呢？ $function{ $resize.resizeable； $resize.draggable； }; $button.clickfunction{ $resize.animate{ 左：“50px”， 宽度：“650px” }; }; $'demo4'。圆圈类型{ 流体：是的， 董事：-1 }; 调整大小{ 位置：相对位置； 宽度：220px； 高度：自动； 填充：0.5em； 边框：1px实心； } 调整h4的大小{ 文本对齐：居中； 保证金：0； } .演示盒{ 位置：相对位置； 最大宽度：700px； 利润率：10%自动； 颜色：476A50； 背景色：ccc； } 标志{ 位置：绝对位置； 底部：44%； 宽度：60%； 高度：自动； 左边缘：23%； } 启动动画 调整大小/拖动/设置动画 WordPress里有什么吗

---

circletype的代码显示：

---

如果你只是想要最终的结果，你可以试试这个。如果您希望文本也被设置动画，那么下面的代码将不起作用。看看它是否符合你的要求

$function{ $resize.resizeable； $resize.draggable； 环纹岩； }; $button.clickfunction{ $resize.animate{ 左：“50px”， 宽度：“650px” }，400，'swing'，函数{circleInit；}； }; 函数圈{ $'demo4'。圆圈类型{ 流体：是的， 董事：-1 }; } 调整大小{ 位置：相对位置； 宽度：220px； 高度：自动； 填充：0.5em； 边框：1px实心； } 调整h4的大小{ 文本对齐：居中； 保证金：0； } .演示盒{ 位置：相对位置； 最大宽度：700px； 利润率：10%自动； 颜色：476A50； 背景色：ccc； } 标志{ 位置：绝对位置； 底部：44%； 宽度：60%； 高度：自动； 左边缘：23%； } 启动动画 调整大小/拖动/设置动画 WordPress里有什么吗

    if (settings.fluid && !settings.fitText) {
        $(window).resize(function () {
            layout();
        });
    }