html - SVG:何时使用 animVal/baseVal

Question

SVG 元素的 animVal 和 baseVal 什么时候不同？什么时候使用它们来获得正确的值是合适的？逐字差异可以根据here读取，但当所有这些值可能不同时，我更担心。任何转换或缩放都会影响它？

在 SO here 上创建另一个帖子

function rectCorner(rect){
    pt.x = rect.x.animVal.value + rect.width.animVal.value;
    pt.y = rect.y.animVal.value + rect.height.animVal.value;
    return pt.matrixTransform(rect.getTransformToElement(svg));
}

这里使用 animVal 的理由是什么？

Answer 1

这些属性仅在使用 SVG Animation Elements 时有所不同<animate> , <set> , <animateColor> , <animateTransform> , 或 <animateMotion> .正如您提供的链接中所述，baseVal和 animVal如果没有应用显式动画，将是相同的。

使用 animVal 的理由上面是它将与 baseVal 相同在大多数情况下，但在应用和运行动画的情况下，它将表示属性的当前值，而不是过去某个时间点的值。