Възможно ли е да се използват чертани елементи d3.js като изотопни компоненти

Здравейте, рисуваме определени правоъгълни фигури и с малко информация в тях. Сега бих искал да използвам тези форми в различно оформление, предлагано от isotope (jquery).js. Възможно ли е да направя това? Оставам без представа, след като търсих известно време в мрежата. Всички ресурси, за да научите дали има някакви алтернативни подходи. Благодаря.


person sakthisundar    schedule 04.03.2014    source източник
comment
може ли да бъдете ясен с въпроса си? може да пропускаш нещо   -  person    schedule 04.03.2014
comment
Авинаш, трябва да начертаем някои svg изображения с помощта на d3.js динамично. Сега искаме да използваме тези svg изображения в изотоп за оформления. Всъщност аз съм напълно начинаещ в мрежата. Ето защо въпросът ми може да няма дълбочина. Благодаря, че ми помогна все пак.   -  person sakthisundar    schedule 04.03.2014
comment
добре е .. ние всички сме начинаещи в даден момент :) Разбрах въпроса ви, но почувствах дали не бихте искали да направите нещо друго :D   -  person    schedule 04.03.2014


Отговори (1)


Ако ги начертаете в отделни контейнерни svg елементи, тогава те могат да бъдат позиционирани с нормален css.

Така че трябва да можете да ги позиционирате с изотоп. Ако дадете на svg елементите имена/идентификатори на класове, които се очакват (тези, които сте задали в конфигурацията на изотоп) по изотоп.

D3 може да се използва и за генериране на divs не само svg. Така че, ако имате нужда от прости фигури като правоъгълници, може да се измъкнете просто с генериране на div.

Забележка: Това вече е много стар отговор. Изглежда, че Isotope изрично изключва svg (благодаря Geraldo), бих препоръчал да използвате D3js за пълно оформление или html елементи (за isotope) в този случай.

person Alex KeySmith    schedule 04.03.2014
comment
Не проработи за мен прилагането на изотоп към svg елементи като ‹rect class=node width=2 height=2/›. Използвам „.node“ като селектор на елементи, но отбелязването се случва. - person geraldo; 04.06.2016
comment
Здравей @geraldo, трябва да призная, че мина известно време, откакто последно играх с d3 и svg и т.н. Имам чувството, че може би css и следователно isotope може да не успее да стилизира всички свойства в svg, вероятно ще бъде най-лесно да използвам divs. - person Alex KeySmith; 05.06.2016
comment
Струва ми се, че Isotope дори не намира svg възли. Публикувах въпрос относно това, което включва цигулка: stackoverflow.com/questions/37624854/ - person geraldo; 06.06.2016
comment
Прав си, @geraldo, предполагам, че първоначалният ми отговор беше по-общ за общия въпрос за интегрирането на svg и javascript. Ще актуализирам отговора си. - person Alex KeySmith; 06.06.2016