html - 更改 SVG 路径的位置

Question

我正在尝试使用动态值制作动画，并且我想更改路径的高度和位置。

例如我降低了灰色条的高度，将值 v473.9 更改为 v263.9，但希望保持元素的位置与底部对齐。

这是我的 codepen

<path id="SVGID_121_" d="
M213.8,74.6
l-8.2,6.5
l-43.8-15.6
c-3-1.7-7.8-1.7-10.8,0
L106.9,81
l-7.9-6.5
v263.9
h0
c0,1.1,0.8,2.2,2.2,3
l49.8,28.7
c3,1.7,7.8,1.7,10.8,0
l49.8-28.6
c1.5-0.9,2.3-2,2.2-3.2
h0
V74.6z"/>

Answer 1

https://codepen.io/IvanBisultanov/pen/wXPeQo如果这是您想要实现的目标:我在您感兴趣的元素上添加了 translateY 210px。