Animation of feather pen writing

by aukipa - uploaded on April 29, 2017, 7:34 pm

A SMIL/SVG animation of a feather pen writing Inkscape in script.



The animation of the writing of Inkscape is implemented by the SMIL function of animate on attributeName=" stroke-dashoffset" where the “stroke-dashoffset” is changed from the length of the path to 0. The movement of the feather is achieved by the use of animateMotion, where the mpath is set to a hidden offset of the Inkscape path.



Note: SMIL Animations will not play in Internet Explorer/Edge.

Tags
animateMotion Animation clipart_issue Feather KS 303 TOP remix+278672 Script SMIL Writing
Safe for Work?
Yes

Use

What Should Go Here?
  • Remix
  • Real world use found (photos)
  • Quotes of how this clipart saved lives :)
  • Another idea?
  • Email to the heart in the footer

Comments

2 Comments. Please login to Comment.