Tiki|Logsvg: joined #svg-edit 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 dreimark: joined #svg-edit aukeroorda: joined #svg-edit
Hey fguimont: joined #svg-edit 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 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? 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? fguimont: That looks right, did you test it out? aukeroorda: Maybe that is why it doesnt work 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 aukeroorda: Hmm, Ill re-organize it a bit and see if that will make the difference fguimont: don't forget to close the use tag </ use>
(or you can self close it too) <use ... /> aukeroorda: Heh, good one; Completely forgot to do that
Hmm, I get 2/3 <use>'s working now fguimont: That's a start. Is the one not working different somehow? 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! fguimont: lol aukeroorda: Instead of just in the url, I also put one in the id fguimont: I make the same mistake sometimes. Everything working good? aukeroorda: Yeah fguimont: great aukeroorda: http://prntscr.com/a1zyif fguimont: Looking good aukeroorda: Thanks
I already have a working svg clock (analog), so now I need to combine those fguimont: I did that once too... aukeroorda: Oi, those dots make me feel scared 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. 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 fguimont: Yeah, taking user submitted SVGs means you have to take that into account.
Does anyone do that well? 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 fguimont: hmm, yea it's no fun. I prefer inline SVGs =)
I think you could secure an untrusted inline SVG within an iframe though. tangentstorm: nice to see people talking in here :) aukeroorda: : )
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 tangentstorm: are you using svg-edit? aukeroorda: ?
I though this channel was just for people editing svgs?
I didnt know there existed a program or something called svg-edit 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. 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 tangentstorm: i don't know what to do to rotate your text that way. aukeroorda: This does it tangentstorm: oh cool. :) so you figured it out? 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 tangentstorm: :)