RE: Animate signing a signature...

Hi Lisa,

 

Not sure quite what you mean by a stroke and not an outline, but  stroke-width=”some number value” would control how wide the stroke is.  stroke=”some color, like red” controls the color of the stroke and flll=”some color like blue” or fill=”none” controls what goes inside.

 

You might want to take a look at http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html which many of the people who still hang out at this list actually contributed parts to. It’s a bit out of date, but most of the examples are still perfectly valid and work in most browsers (except for the animation that doesn’t work in IE) and the more complex filters that are only partially implemented by many of the browsers.

 

Hope this helps.

 

David

 

From: [email protected] [mailto:[email protected]] 
Sent: Thursday, November 06, 2014 1:51 PM
To: [email protected]
Subject: [svg-developers] Animate signing a signature...

 

  

Hey!! I'm Lisa. I have only begun learning about SVG and in the last couple of days, I have learned quite a bit, but still shaky on the details.

 

I found this CodePen for animate signing of signature with an SVG and the problem is, how do I get my SVG graphic to be only a stroke and not an outline. Tried to reach out to the guy that wrote it but it looks like he's had no activity in about a year, on his GitHub anyway. I was hoping maybe someone could break it down for me in a 1-2-3 kind of way. I tried just substituting my paths but it didn't work.

 

Is it possible to 'fill' a path in a linear fashion? Where it fills from point a to point b over a period of time? And the stroke would be 0. Does that make sense?

 

I sure do appreciate any help or an alternative method. 

 

Thank you!





[Non-text portions of this message have been removed]



------------------------------------
Posted by: "David Dailey" <[email protected]>
------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my membership"
----