Pixodesk SVG Animator Features

Check the list below to find out which SVG features are supported in Pixodesk SVG Animator.

• Object Types: Ellipse, Rectangle, Polygon, Star, Shape/Path (Bezier), Image, Text, Group
• Fill & Stroke Color: Flat Color, Radial Gradient, Linear Gradient
• Fill: Fill Rule
• Stroke: Width, Line Cap, Line Join, Miter Limit, Dashes
• Transforms: Position, Position (separated X/Y), Scale, Anchor Point, Rotation, Auto Orient, Skew, Opacity
• Easing/Interpolation: Linear Interpolation, Bezier Interpolation
• Trim Path
• Masks (Mattes): Alpha Mask (Matte)
• Filters (Effects): Blur, Shadow
• Text: Custom Fonts, Glyphs, Text Along Path
• Repeater: Position, Scale, Anchor Point, Rotation, Skew, Opacity
• Misc: Markers, Parent Refs

Vector Drawing Features

• Drawing: Ellipse tool, Rectangle tool, Polygon tool, Star tool, Pen tool, Node tool
• Transform tool: Change position, anchor point, rotate, scale, skew, opacity
• Gradient tool: Change gradient control points
• Repeater tool: Shows repeater control points and basic create repeater actions
• Hand tool: Allows moving the page; does not show object selection

• Change nodes and their control points
• Boolean operations: Unite, Subtract, Intersect and Exclude
• Combine and break apart paths
• Convert a stroke into a path
• Convert simple shapes such as ellipse, rectangle, polygon, star into paths
• Convert text into paths
• Make shape symmetric around two selected adjacent points
• Replace corner with arc of given radius
• Align and distribute points
• Groups

• Group and ungroup
• Rearrange shapes and groups by drag and drop
• Search groups and shapes by title
• Put objects into an animation block to reuse them multiple times or to reduce complexity.

• Flat colors, linear and radial gradients
• Opacity
• Dashed stroke
• Trim path

• Custom fonts
• Text along path
• Convert text into paths

• Snap to grid
• Snap to the edges and centers of other shapes.
• Snap angles

• png, jpeg, gif images
• base64 url images

Animation Features

• Animated position, rotation, scale, skew and opacity properties
• Motion along path with or without auto-rotation
• Animated stroke color, opacity and width properties
• Animated fill color and opacity properties
• Animated dashes. Each dash and dash offset can be animated separately.
• Animated basic shape dimensions
• Animated path shape that lets you create morph animations.

• Compact UI - one animated property per row.
• Auto-animation allows you to freeze the scene state at specific time points.
  When you change object properties at another time point, auto-animation will automatically create keyframes for you.
• Linear and Bezier easing timing functions
• Loop individual animated properties

• Built-in easing functions
• Easing charts that also show the first derivative (velocity) and second derivative (acceleration) of the easing function, allowing for a better understanding of its nature.

Export Features

• Start the animation when it is clicked or when the pointer enters it
• Start the animation when it is scrolled into view
• Select the mouse cursor for the document
• Add custom JavaScript

• SVG with CSS Animations

• Animated GIFs
• Video WebM, MP4
• Static SVG, PNG, JPEG, WebP