Jul 14, 2018
29 Views
0 0

SVG (image) Animated

Written by

LIVE PREVIEWBUY FOR $7

If you can not access the live demo. Please try again later.

French developper, there can be spelling mistakes.

Scalable Vector Graphics is an image format that can be animated by javascript. This item allows you to animate a SVG document from a video.





Editor

Thanks to the editor, you can draw your own animated SVG.
Import a video, define the video box size & design, add, delete and edit SVG forms. Animate them with Javascript thanks to powerful libraries Jquery.js, Keyframe.js, Velocity.js

Easily change / switch / swap every form thanks to the WYSIWYG interface.

Create, modify and delete forms with a WYSIWYG . Set hover attribute, keyframe animation, path tooltip message .

Documented and resourceful editor. Let's build your own SVG project easily with a clear and modern design.

Design

Three kinds of animations:

Animation

The video has its own video box design with controls. Static, Keyframe, Path, Tooltip.

  • Static : Define CSS attribute on oveflowing a form.
  • Keyframes : Define CSS keyframe animation for each percent triggered on events.
  • Path: Draw a
  • Tooltip: Define text message on overflowing a form.

Make a difference on your website

Make interactive video or image on a modern and animated website.

19659019] IMPORT EXPORT YOUR PROJECT:

Takket være den redaktør kan du importere og eksportere dit projekt i en .xml-fil.

EASILY INTEGRATED:

Integration is automatic and easy.

CLEAN REUSABLE CODE:

Modify and re-use source code.

Integration

Automatic integration. Compatible with all browsers and for multiple integration.

Media

Video box:

Editor:

Example:

Thanks to Peter Finlan for the website: http: // www. peterfinlan.com/

Source

Article Tags:
Article Categories:
Javascript

Jaeho Park completed a Master in Fine Arts at the Hongik University in 1999, followed by a Master in Photographic Studies at the University of Westminster in 2012. After working for many years as a university professor, designer and curator in South Korea.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.