#svg-edit 2016-02-11,Thu

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)