Hi, I was hoping someone can help; I want to animate a scribble effect using CSS & SVG. I have an SVG graphic but it appears limited as to what CSS animation can do, that wouldn't otherwise require me to manually cut the SVG graphic into pieces and do a CSS transition on each piece or something equivalent to make it look as if it's being drawn scribbled ?

Recommended Answers

All 2 Replies

If I understand what you want to do, then you are correct - you have hit the limit of SVG as a free form drawing tool. If you want more fine pixel control, you will have to work with a canvas instead - but that also has some serious drawbacks (such as undo/redo/delete, etc... being obnoxiously difficult).

I'll have to do it as pixel sprite as originally planned.

I'll dig a little into any javascript libraries that may be able too, but in my searches nothing came up positive.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.