使用jQuery或Javascript更改svg速率

我在codepen上找到了这个仪表，但我似乎找不到如何调整气泡的值。我可以直接在js中更改条，但不能使用jq/js

<path id="Fill-13" fill="#F8B50F" d="M3.7 88.532h26.535v-#.795H3.7z"/>

如果在0到12之间的值中更改哈希标记，则会调整仪表，但不会调整气泡

---

代码笔链接：

在代码笔中，您有以下代码：

HTML

<g id="liquid">
    <path id="Fill-13" fill="#956" d="M3.7 88.532h26.535v-2.738H3.7z"/>
    <path id="Fill-14" fill="#956" d="M3.7 88.532h13.267v-2.738H3.7z"/>
</g>                                                      ^^^^^

更改

y

值时，气泡会更改位置

tlLiquid
    .set(liquid, { transformOrigin: "50% 100%" })
    .to(liquid, 4, { scaleY: 10, ease: Elastic.easeInOut.config(1, 0.4) });

---

当HTML代码设置为每10英寸

scaleY

中1个时，您会得到1个“液位计”

我无法理解您的问题，您想更改什么？我想更改仪表的显示量，但气泡保留在svg HTML中的topuse文本标记上，以了解更多详细信息：

tlBubbles.staggerTo(
    bubbles,
    0.8,
    { y: -20, ease: Power2.easeOut, scale: 0.5, autoAlpha: 0 },
    0.4
);

tlLiquid
    .set(liquid, { transformOrigin: "50% 100%" })
    .to(liquid, 4, { scaleY: 10, ease: Elastic.easeInOut.config(1, 0.4) });