Форум Сайтостроение Веб-строительство

Raphael.js группировка элементов

Jor
На сайте с 23.06.2012
Offline
42
Jor
781

Всех с наступающим! :)

Такой вопрос, пользуюсь Raphael.js для рисования инфографики на странице, не разберусь как разбить элементы в группы, тэгом <g>

К примеру, код: 


var layer = Raphael("pattern",0,0);

for(i = 0; i < 5; i++) {

	layer.rect(w,h,x,y)

}

for(i = 0; i < 3; i++) {

	layer.circle(x,y,r)

}

for(i = 0; i < 8; i++) {

	layer.rect(w,h,x,y)

}

Выдаст, примерно, такую разметку: 


<svg>

	<rect />

		...

	<rect />

	<circle />

		...

	<circle />

	<rect />

		...

	<rect />

</svg>

А мне надо сгруппировать: 

<svg>

	<g id="layer1">

		<rect />

			...

		<rect />

	</g>

	<g id="layer2">

		<circle />

			...

		<circle />

	</g>

	<g id="layer3">

		<rect />

			...

		<rect />

	</g>

</svg>

Подскажите, плиз, как можно такое сделать? Спасибо.

Jor
На сайте с 23.06.2012
Offline
42
Jor
#1

Пока только вот такое безобразие придумал: 

$('rect:lt(9)')

	.wrapAll('<g id="layer1"></g>');



$('rect:gt(8):lt(16)')

	.wrapAll('<g id="layer2"></g>');



$('rect:gt(15):lt(20)')

	.wrapAll('<g id="layer3"></g>');

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий