相关疑难解决方法(0)

我想更改SVG行的属性,并将过渡动画设置为新坐标.

我在这个例子中使用reactjs来改变y2的值:

<line stroke='green' x1='0' y1='50%' x2='100%' y2='25%'>

至

<line stroke='green' x1='0' y1='50%' x2='100%' y2='75%'>

用CSS喜欢

.myStuff * {
    transition: all 1s;
}

CSS转换是否可以在y2属性上工作？或者有没有办法在CSS中设置行的属性,如:

.myStuff line {
    y2: 25%;
}

(我知道不起作用)

我考虑过使用javascript,但这增加了复杂性

我考虑过使用SMIL,但我必须存储旧的和新的y2状态,我认为reactjs不允许使用animate元素.

我已经考虑过在我的线元素上使用变换,如果找不到更好的解决方案,我会沿着这条路走下去.我想避免数学和复杂性.