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.

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


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


2 Comments. Please login to Comment.