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

Liittynyt
23.11.2019
Viestejä
70
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?
 
En tiedä vastaako tää kysymykseen tai auttaako, mut "kolmen sekunnin googlaus&stackoverflow vastaus" miten ton kysymysmerkki-ympyrän css:llä toteuttais:
 
Viimeksi muokattu:

Statistiikka

Viestiketjuista
258 245
Viestejä
4 490 770
Jäsenet
74 169
Uusin jäsen
tater

Hinta.fi

Back
Ylös Bottom