Is it possible to nest groups? about svg.js HOT 12 CLOSED

Yes, that's possible:

var group = draw.group()
var nestedGroup = group.group()
var nestedNestedGroup = nestedGroup.group()

from svg.js.

That was quick!

:)

Ah, I just re-read the 'nesting' instructions, but thought at first that that was for nesting other SVG documents.

Will try that out,

Thank you!

from svg.js.

A nested svg is also a possibility, it works slightly different than a group.

from svg.js.

Thanks.

Regarding animation, is it possible to construct a temporary group (to animate several items at once)
regardless of the group structure of the SVG doc?

(this is probably a separate question so if you think I should move it elsewhere, let me know).

Cheers.

from svg.js.

No, but I think the during() method would come in handy:

var circleY = circle.y()
var pathFill = path.attr('fill')

rect.animate(3000).x(321).during(function(pos, morph){
  circle.y(morph(circleY, 654))
  path.attr('fill', morph(pathFill, '#f06'))
})

from svg.js.

I'll have a look at that, thank you.

from svg.js.

It makes sense though, creating a temporary set() for synchronous animations. I'll think about how we can implement this.

from svg.js.

Nice to hear this could have sparked a new feature.

I'm having big fun with your library - although I'm an absolute JS beginner.

from svg.js.

It's really great to hear you like the library and that you're getting on with it.

I am already implementing the set() feature. I have thought about it but never really pursued the implementation. So thanks for giving me a reason :)

from svg.js.

Good!

:)

is there a way to contact you directly? I'd like to show you what I'm doing with your library,
among other things code related. Or just add [at]gmail.com to my user name, and we all
can speak Dutch.

from svg.js.

Just check my Github profile ;)

from svg.js.

Just saw that. Forget the Dutch part - I guess?

:)

from svg.js.