Welcome Guest (Log in)

SVG-TextCrawler

StarStarStarStarStar
Animation (13) | LC 8+9 (13) | SVG (11) | Text (11) | Transformation (4)
General
Expander triangle
  • Author
  • Rating
  • Type
  • Revision
  • Downloaded
  • Updated
  • Hermann Hoch
  • StarStarStarStarStar
  • Stack
  • 1
  • 542 Times
  • 12 May 2017
SVG-TextCrawler_89
## v0.0.1 ... first public version ................. May 12, 2017

SVG-TextCrawler_89

Works in any version of LC 8/9 on Mac/Win/linux (having a correctly running browser widget).

We use the SVG engine of the browser widget to display text crawling along an svg path, also animated.

I wrote the HTML/SVG-input for that as simple as possible:
= The pathes are basic and use only one bezier curve each.
= It uses also Google's font api (if online-access is available).
You may change the points/control points of the pathes, the used web fonts or the fill and stroke colors.

The text-/texpath-/animation-attributes are explained very clear in the MDN SVG-Docs, see
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/text

I needed a part of that (text along a static "bow"), so I invested two more hours to produce this demo stack.

Have fun. [-hh fecit, May 2017]
Ajax Loader
Tags
Expander triangle
User Comments
Expander triangle