When does animVal and baseVal of an SVG element differ? When is the appropriate time to use them to get the correct value? The verbatim difference can be read based on here, but I am more concerned when all these values can differ. Any transformation, or scaling affects it?
Form another post at 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));
}
What is the rationale using animVal here?