The <animateMotion> SVG element provides a way to define how an element moves along a motion path.

The <g> SVG element is a container used to group other SVG elements.

JavaScript supports a compact set of statements, specifically control flow statements, that you can use to incorporate a great deal of interactivity in your application. This chapter provides an overview of these statements.

The eval() function evaluates JavaScript code represented as a string and returns its completion value. The source is parsed as a script.

Perhaps more exciting than just fills and strokes is the fact that you can also create and apply gradients as either fills or strokes.

The <clipPath> SVG element defines a clipping path, to be used by the clip-path property.

Regular expressions are patterns used to match character combinations in strings. In JavaScript, regular expressions are also objects. These patterns are used with the exec() and test() methods of RegExp, and with the match(), matchAll(), replace(), replaceAll(), search(), and split() methods of String. This chapter describes JavaScript regular expressions. It provides a brief overview of each syntax element. For a detailed explanation of each one's semantics, read the regular expressions reference.

The <desc> SVG element provides an accessible, long-text description of any SVG container element or graphics element.

The <fePointLight> SVG filter primitive defines a light source which allows to create a point light effect. It that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.

Now we're ready to start distorting our beautiful images. But first, let's formally introduce the <g> element. With this helper, you can assign properties to a complete set of elements. Actually, that's its only purpose.