html5 – SVG:何时使用animVal / baseVal

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的理由是什么?

谢谢,
BSR.

解决方法

这些属性仅在使用 SVG Animation Elements< animate>,< set>,< animateColor>,< animateTransform>或< animateMotion&gt ;.如您所提供的链接所述,如果没有应用显式动画,则baseVal和animVal将是相同的. 在上面使用animVal的理由是它在大多数情况下将与baseVal相同,但是在动画应用和运行的机会不大的情况下,它将代表属性的当前值,而不是在过去.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码