HTML, SVG ja kysymysmerkki ympyrän sisään, mutta kuinka?

Liittynyt
23.11.2019
Viestejä
58
Moro

Pykäilen hotspot kuvaa, jossa siis kuvan päällä SVGllä toteutettuna hotspotit eli tarkemmin tässä tapauksessa ympyrät, joita klikkaamalla näytetään lisätietoja.

Nyt haluaisin noista ympyröistä hieman paremmat eli lisätä esim. kysymysmerkin ympyrän sisään käyttäjälle vinkiksi.

Hotspotit/circlet on toteutettu defs sisään eli en luo jokaista erikseen vaan uudelleenkäytän yhtä ja samaa <use id="#hotspot">...
Defsin sisään leivottu teksti ei tule kuitenkaan koskaan näkyville oli se sitten circlen sisällä tai ulkopuolella tai omana määrityksenä ja johon viitataan circlen sisältä.
Ainoa tapa saada ? esille on lisätä text tägi tuon use hotspot rinnalle, mutta silloin se ? sijoittuu isäntä svg:n suhteen eikä ympyrän ja samalla myös uudelleenkäytettävyys menettää merkitystään.

Ei kai tämä nyt näin vaikeaa voi olla?
 
Liittynyt
21.10.2016
Viestejä
9 296
En tiedä vastaako tää kysymykseen tai auttaako, mut "kolmen sekunnin googlaus&stackoverflow vastaus" miten ton kysymysmerkki-ympyrän css:llä toteuttais:
 
Viimeksi muokattu:
Toggle Sidebar

Statistiikka

Viestiketjut
240 661
Viestejä
4 207 617
Jäsenet
70 930
Uusin jäsen
tomoslono

Hinta.fi

Ylös Bottom