| ←Prev date Next date→ Show only urls | (Click on time to select a line by its url) |
| Who | What | When |
|---|---|---|
| titicostel | joined #svg-edit | [11:47] |
| ............................................. (idle for 3h40mn) | ||
| fguimont | joined #svg-edit | [15:27] |
| ............................. (idle for 2h21mn) | ||
| joined #svg-edit | [17:48] | |
| .................................................................. (idle for 5h26mn) | ||
| aukeroorda | joined #svg-edit
Hello | [23:14] |
| pdr | hi | [23:23] |
| 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 | [23:25] |
| pdr | aukeroorda, I can't really tell what you are asking for. | [23:26] |
| aukeroorda | Hmm, do you use illustrator?
Wait, I make a new screenshot | [23:27] |
| pdr | I do not | [23:27] |
| 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 | [23:28] |
| pdr | ah, "variable width strokes" is the keyword you're looking for | [23:28] |
| aukeroorda | Ah, thanks! | [23:29] |
| 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 | [23:29] |
| 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 | [23:30] |
| 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? | [23:32] |
| 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 | [23:33] |
| 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 | [23:33] |
| aukeroorda | Yeah, hmm | [23:34] |
| pdr | I used this approach for a speedometer a few days ago | [23:34] |
| aukeroorda | This is zoomed in on the watch I am trying to replicate: http://prntscr.com/a17eda
There are really many cresent moon shapes | [23:34] |
| pdr | where are the cresent shapes? | [23:35] |
| aukeroorda | They are relief circles, casting crescent shaped shadows | [23:35] |
| pdr | oohh
I see the background | [23:35] |
| aukeroorda | Yeah, really subtle | [23:35] |
| pdr | You might want to look at filters to see if you can achieve this effect | [23:35] |
| aukeroorda | Hmm, svg filters? | [23:36] |
| pdr | yeah | [23:36] |
| 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 | [23:37] |
| pdr | might want to get out a compass to double-check that these really are crescents | [23:38] |
| aukeroorda | *I mean circles and use the clipping
Hmm, it is physically so? | [23:38] |
| 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 | [23:39] |
| 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 | [23:39] |
| pdr | yeah, there's a shadow filter
in svg too | [23:40] |
| ←Prev date Next date→ Show only urls | (Click on time to select a line by its url) |