更改SVG路径的位置

时间:2018-06-17 12:13:42

标签: html css svg

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

e.g。我减小了灰色条的高度,将值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"/>

1 个答案:

答案 0 :(得分:0)

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