Skip to content

[FEATURE] - SGV createMotionPath() with an offset #1036

@TheHyrox

Description

@TheHyrox

Describe what the feature does

Add an offset to the animation with the svg.createMotionPath

Provide a code example of what the feature should look like

Before :

animate(['.object'], {
  duration: 3000,
  loop: true,
  ease: 'linear',
  ...svg.createMotionPath('.path')
});

After :

animate(['.object'], {
  duration: 3000,
  loop: true,
  ease: 'linear',
  ...svg.createMotionPath('.path', 0.5) //offset the animation by 50%
});

Describe alternatives you've considered

Manually edit the svg

Additional context

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions