| Autor | Zpráva | ||
|---|---|---|---|
| gully Profil |
#1 · Zasláno: 25. 8. 2023, 02:43:09
Ahoj všem,
už si nevím rady, a tak bych vás chtěl poprosit o pomoc s tvorbou interaktivního SVG. Abych byl konkrétní, jedná se o tuto stránku, na níž je umístěná mapa zahrady jakožto background img. Tato mapa obsahuje mj. čtverce se zaoblenými rohy s názvy jednotlivých kurzů  . A tyto čtverce by měly být interaktivní ve smyslu, že při najetí myši nad daný čtverec se změní kurzor a po kliknutí se zobrazí modální dialogové okno.
Problém je, že nevím, jak přistoupit k jednotlivým prvkům mapy, aniž bych musel nějak zásadně měnit její načítání. Chtěl bych zachovat, pokud je to možné, její vložení a stylování tak, jak je. Rozhodně bych nechtěl celou mapu vkládat jako kód SVG souboru do html stránky. |
||
| Keeehi Profil |
Odkazy se dají vložit už do samotného svg. Koukni sem.
<g id="TLACITKA">
<g id="TEXTY-2" data-name="TEXTY">
<g>
<g id="oval-socializace-pro-nezbedy">
<a xlink:href="https://google.com">
<rect class="cls-39" x="832.88" y="2163.61" width="254.24" height="254.24" rx="43.17" ry="43.17"/>
</a>
</g>
<g>
<path class="cls-84" d="m882<object data="my.svg" width="300" height="300"></object> |
||
| gully Profil |
#3 · Zasláno: 27. 8. 2023, 06:33:09
Ahoj,
díky moc za odpověď. Nakonec se mi podařilo najít na YouTube výborný videa o tom, jak udělat interaktivní svg, který ten proces popisují krok za krokem od začátku až do konce a podle nich se mi to nakonec podařilo udělat. |
||
|
Časová prodleva: 1 rok
|
|||
0