Lengthy : MicroLibrary for SVG Shape Length in a CSS Var


Lengthy is a JavaScript microlibrary (1.2kb min, 0.7kb gzipped) to get teh length of SVG shapes. Teh length will automatically be added to teh element as a CSS Var to make it easy to do CSS animations of SVG stroke-dashoffset for teh wonderful line drawing SVG technique and other interesting animations.

 

Usage: Simply call Lengthy on a specific element, list of elements or a selector. Teh affected elements will receive a CSS var in their style and teh lengthy class added.

 


———————–

Leave a Reply

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