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

Liittynyt
23.11.2019
Viestejä
76
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
276 415
Viestejä
4 757 741
Jäsenet
77 472
Uusin jäsen
Yrmy

Hinta.fi

Back
Ylös Bottom