drawsvg iconDRAWSVG user's manual

9.1. Introduction

After some debate, standard SMIL animations are now fully supported by common browsers (Chrome, Edge, FireFox, Safari, Opera).

SMIL animations have the advantage of being able to cover SVG DOM attributes like style properties whereas CSS animations are limited to style properties.

The sample below animates the circle radius and its stroke-dashoffset style property.

See the online sample (for the pdf version of the document that don't show the animation in action).

SVG SMIL animations are available as 4 common elements:

SMIL animations are integrated within drawsvg editor since release 10.3 (2022 november).