Rechteckumrandung um SVG-Text

7

Ich versuche, etwas SVG-Text einzugrenzen, und ich bekomme unterschiedliche Ergebnisse.

HTML: (mit der Mute-Klasse)

%Vor%

CSS:

%Vor%

D3.js:

%Vor%

Hier haben wir die X ohne die Mute-Klasse

Hier haben wir das X mit der Mute-Klasse aber ohne den Rahmen

Dies ist, was wir versuchen, um die Grenze aussehen zu lassen wie

Hinweis: Sein Elternteil ist eine Gruppe, kein HTML-Element.

JS Fiddle: Ссылка

    
chris Frisina 20.06.2013, 15:46
quelle

2 Antworten

11

SVG-Elemente unterstützen die von Ihnen entdeckte CSS-Rahmeneigenschaft nicht. Ihre Optionen sind

  1. Zeichnen Sie einen roten <rect> um den Text als Rahmen
  2. Fügen Sie einen Rahmen für das äußere Element <svg> ein, wenn das übergeordnete Element ein HTML-Element ist. Das äußere Element <svg> ist ein ersetztes Element und unterstützt die CSS-Eigenschaft border.
Robert Longson 20.06.2013 15:53
quelle
9

Um einen Rect-Text um einen Klick herum zu zeichnen, aktualisieren Sie den Code auf:

%Vor%

In diesem html:

%Vor%     
Alvin K. 21.06.2013 20:27
quelle

Tags und Links