05-16-2020 14:22
05-16-2020 14:22
I have a use case where I want to jump an element to a position and then animate it after a delay. Two <animationTransform>s can accomplish this. However, if dur="0", the animation transformation is never applied.
For example:
<g transform="translate(50%, 50%)">
<animateTransform attributeType="rotate" begin="enable" from="0" to="0" dur=".01"/> <!-- Move back to origin at start. dur=0 has no effect instead of jump, which seems like a bug -->
<animateTransform attributeType="rotate" begin="enable+.5" from="0" to="6" dur=".5" easing="ease-out"/>
<circle cx="0" cy="-145" r="5" fill="#FFFFFF"/>
</g>
Expectation
<animationTransform dur="0"> will apply the transformation immediately on begin.
Actual
The transformation is never applied.
Workaround
Set dur=".01"