| ←Prev date Next date→ Show only urls | (Click on time to select a line by its url) |
| Who | What | When |
|---|---|---|
| fguimont | joined #svg-edit | [15:34] |
| .................... (idle for 1h37mn) | ||
| Tiki|Logsvg | joined #svg-edit | [17:11] |
| Topic | for #svg-editis now SVG-edit http://code.google.com/p/svg-edit/ latest STABLE is 2.6 See: https://code.google.com/p/svg-edit/wiki/HowToParticipate | [17:11] |
| .................................. (idle for 2h45mn) | ||
| dreimark | joined #svg-edit | [19:56] |
| aukeroorda | joined #svg-edit
Hey | [19:58] |
| fguimont | joined #svg-edit | [20:00] |
| aukeroorda | Hmm, can someone help me with some <defs> trouble?
I have a logo (quite big in text) that I want to <use>, but I don't know the actual coordinates. The logo has the correct coordinates on its own; I am required to give the paramenters <use x=.. y=...> ? #svg | [20:00] |
| fguimont | aukeroorda: you're not required to specify the x and y coordinates.
As long as the logo appears squarely inside the viewBox you should be ok This is to use elsewhere on a page or inside the same image? | [20:03] |
| aukeroorda | Nice! Then is this a proper way to link to <defs><g id="nomos_logo"> (many paths) </g></defs>
<use xlink:href="#dial_waves"> Sorry, I meant this one: <use xlink:href="#nomos_logo"> wauw, it came with some newlines It is inside the same svg Hmm, can I have multiple instances of <defs> in my SVG? | [20:04] |
| fguimont | That looks right, did you test it out? | [20:08] |
| aukeroorda | Maybe that is why it doesnt work | [20:09] |
| fguimont | I think you can (I've seen SVGs with multiple instances of defs) but I don't know if it's a good practice | [20:09] |
| aukeroorda | Hmm, Ill re-organize it a bit and see if that will make the difference | [20:10] |
| fguimont | don't forget to close the use tag </ use>
(or you can self close it too) <use ... /> | [20:11] |
| aukeroorda | Heh, good one; Completely forgot to do that | [20:13] |
| Hmm, I get 2/3 <use>'s working now | [20:18] | |
| fguimont | That's a start. Is the one not working different somehow? | [20:21] |
| aukeroorda | Hmm, I don't think it is
Let me make a pastebin of my defs http://pastebin.com/Kq59zXEc I can't get nomos_logo to work Dang, I found it! I put a # inside the ID! | [20:22] |
| fguimont | lol | [20:25] |
| aukeroorda | Instead of just in the url, I also put one in the id | [20:25] |
| fguimont | I make the same mistake sometimes. Everything working good? | [20:25] |
| aukeroorda | Yeah | [20:25] |
| fguimont | great | [20:25] |
| aukeroorda | http://prntscr.com/a1zyif | [20:26] |
| fguimont | Looking good | [20:26] |
| aukeroorda | Thanks
I already have a working svg clock (analog), so now I need to combine those | [20:26] |
| fguimont | I did that once too... | [20:27] |
| aukeroorda | Oi, those dots make me feel scared | [20:28] |
| fguimont | haha, no it worked out well.
I was looking for it online, but its not there anymore :/ I have a copy on my home computer. | [20:28] |
| aukeroorda | Ah cool! I am always kinda dissapointed that there are so few good svg hosts, but because of the inline javaScript that works with them; I understand why | [20:29] |
| fguimont | Yeah, taking user submitted SVGs means you have to take that into account.
Does anyone do that well? | [20:30] |
| aukeroorda | Hmm, not that I know off
I think one I used some time ago allowed for inline javaScript, so that could be kinda annoying but including an svg with the <img> html tag disables the javaScript so if you want to use something like this you need to include the SVG with an image tag, and use a <script> tag to include the javaScript seperately | [20:32] |
| fguimont | hmm, yea it's no fun. I prefer inline SVGs =)
I think you could secure an untrusted inline SVG within an iframe though. | [20:35] |
| ......... (idle for 44mn) | ||
| tangentstorm | nice to see people talking in here :) | [21:20] |
| .... (idle for 18mn) | ||
| aukeroorda | : ) | [21:38] |
| Hmm, I have a question regarding the svg transform function
I tried to explain it in this screenshot: http://prntscr.com/a219ck I have a function to create the coordinates for my <text> element, but I also need to transform it somehow so that the text has an angle | [21:45] | |
| ................ (idle for 1h18mn) | ||
| tangentstorm | are you using svg-edit? | [23:07] |
| aukeroorda | ?
I though this channel was just for people editing svgs? I didnt know there existed a program or something called svg-edit | [23:14] |
| tangentstorm | yep!
https://github.com/SVG-Edit/svgedit it's actually a nice way to solve your problem, because you can just draw what you want and then inspect the results in your browser. http://code.google.com/p/svg-edit/ is the old site. it has an online demo, but it's rather out of date. | [23:14] |
| aukeroorda | Yeah but I am generating my svg with javaScript
I can make it in illustrator, no problem http://cryptb.in/RX#749dce2e75f969c5061e4d02a7cb2c0a http://pastebin.com/q08E3sD3 This 2nd paste might work better | [23:16] |
| tangentstorm | i don't know what to do to rotate your text that way. | [23:18] |
| aukeroorda | This does it | [23:18] |
| tangentstorm | oh cool. :) so you figured it out? | [23:19] |
| aukeroorda | Yeah
I computed a number, and based on the text being rotated between 90-270 degrees, it rotates it another 180 and changes the baseline Actually making a watch called the Tangente Close to your name | [23:22] |
| tangentstorm | :) | [23:25] |
| ←Prev date Next date→ Show only urls | (Click on time to select a line by its url) |