Inserisco elementi SVG in una pagina Web grazie a D3js. Ho difficoltà nello stile di questi elementi poiché le sintassi comeCome aggiungere bordo/struttura/tratto agli elementi SVG in CSS?
path { border: 3px solid green; }
non funziona.
Come aggiungere bordo/struttura/tratto agli elementi SVG nelle pagine Web con CSS?
In CSS, qualcosa di simile a:
path {
fill: none;;
stroke: #646464;
stroke-width:1px;
stroke-dasharray: 2,2;
stroke-linejoin: round;
}
Per la domanda: Come aggiungere confine/outline/stroke in SVG elementi in pagine web con i CSS?
Si può fare in CSS:
path { outline: 3px solid green; }
Si prega di notare come del 2018 è supportato da Chrome e Safari, ma potrebbe non essere disponibile in tutti i browser moderni. Vedere l'esempio di seguito:
Ho applicato il profilo tramite CSS a un gruppo con percorsi interni. In statico sembra buono. In dinamica (trascinamento) posso vedere periodicamente questi artefatti (a sinistra)
UPDATE: - se contorno è "solido" - non ci sono artefatti - Safari Mobile non supporta contorno sul elementi ...
Inoltre, appena realizzato che contorno non fa parte delle proprietà standard per SVG ... quindi questo forse qualcosa come "utilizzare a proprio rischio" ... –
http://www.w3.org/TR/SVG/propidx.html –