fguimont: joined #svg-edit
joined #svg-edit aukeroorda: joined #svg-edit
Hello pdr: hi aukeroorda: Hey pdr
I have a question about SVG paths
I have edited in this screenshot: http://prntscr.com/a178hk
I looked at the w3 specification but I couldnt really find what I was looking for there pdr: aukeroorda, I can't really tell what you are asking for. aukeroorda: Hmm, do you use illustrator?
Wait, I make a new screenshot pdr: I do not aukeroorda: http://prntscr.com/a17bfl As you can see here, the 4 lines are just straight
but their stroke has a 'shape', that morphes along the path pdr: ah, "variable width strokes" is the keyword you're looking for aukeroorda: Ah, thanks! pdr: it's been proposed but afaik is not supported nor is there a plan
if you want to shoot an email to the spec group, it's www-svg aukeroorda: Am I important enough to try to get people to change the specification just for a case I want? I am just using this for a single svg animation pdr: aukeroorda, it's not really about importance per say :) Feedback is always welcome from actual users
aukeroorda, how are you doing the animation btw? aukeroorda: With javaScript
Trying to make a watch
I have the functionality
but now I want to make functions to draw the watch
instead of making the watch in an vector editor pdr: gotcha. For your usecase, I'd just manually compute the points on the path in javascript
like... render the stroke itself as a path aukeroorda: Yeah, hmm pdr: I used this approach for a speedometer a few days ago aukeroorda: This is zoomed in on the watch I am trying to replicate: http://prntscr.com/a17eda
There are really many cresent moon shapes pdr: where are the cresent shapes? aukeroorda: They are relief circles, casting crescent shaped shadows pdr: oohh
I see
the background aukeroorda: Yeah, really subtle pdr: You might want to look at filters to see if you can achieve this effect aukeroorda: Hmm, svg filters? pdr: yeah aukeroorda: Hmm, this might actually be better http://stackoverflow.com/questions/16664244/draw-a-crescent-moon-using-svg-in-html
I have the parameters for the coordinates
so maybe it is better to create actual outlines pdr: might want to get out a compass to double-check that these really are crescents aukeroorda: *I mean circles and use the clipping
Hmm, it is physically so? pdr: yeah. I'm not sure if a shadow cast by a circular pattern can be represented by two intersecting circles. I'm just not sure, it may work aukeroorda: Hmm, might be really close to css shadow actually: http://www.corelangs.com/css/box/img/css-shadow.png
Which is close to the svg filters you suggested pdr: yeah, there's a shadow filter
in svg too