Als «svg» getaggte Fragen

105
SVG erhält Textelementbreite

Ich arbeite an ECMAScript / JavaScript für eine SVG-Datei und muss das widthund heighteines textElements abrufen, damit ich die Größe eines Rechtecks ​​ändern kann, das es umgibt. In HTML könnte ich die Attribute offsetWidthund offsetHeightfür das Element verwenden, aber es scheint, dass diese...

103
Feste Strichbreite in SVG

Ich möchte in der Lage sein, die Strichbreite eines SVG-Elements so einzustellen, dass sie "pixelbewusst" ist, dh unabhängig von den aktuell angewendeten Skalierungstransformationen immer 1 Pixel breit ist. Mir ist bewusst, dass dies durchaus unmöglich sein kann, da der Sinn von SVG darin besteht,...

102
Wie formatiere ich SVG mit externem CSS?

Ich habe mehrere SVG-Grafiken, deren Farben ich über meine externen Stylesheets ändern möchte - nicht direkt in jeder SVG-Datei. Ich stelle die Grafiken nicht in eine Linie, sondern speichere sie in meinem Bilderordner und zeige auf sie. Ich habe sie auf diese Weise implementiert, damit QuickInfos...

102
Konvertieren von SVG in PNG mit C # [geschlossen]

Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 6 Jahren . Verbessere diese Frage Ich habe versucht,...

101
SVG-Gradient mit CSS

Ich versuche, einen Farbverlauf auf ein SVG- rectElement anzuwenden . Derzeit verwende ich das fillAttribut. In meiner CSS-Datei: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } Und das rectElement hat die richtige Füllfarbe, wenn es im Browser angezeigt wird. Ich möchte...

97
SVG in SVG einbetten?

Ich habe ein SVG-Dokument und möchte ein externes SVG-Bild darin einfügen, z. B.: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ("Objekt" ist nur ein Beispiel - das äußere Dokument ist SVG und nicht xhtml). Irgendwelche Ideen? Ist das überhaupt möglich? Oder ist es für...

93
Wie zeige ich eine SVG-Datei auf React Native?

Ich möchte SVG-Dateien anzeigen (ich habe eine Reihe von SVG-Bildern), aber das, was ich nicht zeigen konnte. Ich habe versucht, Image and Use- Komponenten von react-native-svg zu verwenden, aber damit funktionieren sie nicht. Und ich habe versucht, das auf native Weise zu tun, aber es ist...

92
Was ist der Unterschied zwischen SVG und HTML5 Canvas?

Was sind die Unterschiede zwischen SVG und HTML5 Canvas? Sie scheinen mir beide dasselbe anzutun. Grundsätzlich zeichnen beide Vektorgrafiken mit Koordinatenpunkten. Was vermisse ich? Was sind die Hauptunterschiede zwischen SVG und HTML5 Canvas? Warum sollte ich einen über den anderen...

90
Transparenter Text aus dem Hintergrund ausgeschnitten

Gibt es eine Möglichkeit , mit CSS einen transparenten Text aus einem Hintergrundeffekt wie dem im folgenden Bild herauszuschneiden ? Es wäre traurig, alle wertvollen SEOs zu verlieren, weil Bilder Text ersetzen. Ich habe zuerst an Schatten gedacht, aber ich kann nichts herausfinden ... Das Bild...

87
Extrahieren von SVG aus Font Awesome

Ich möchte die SVG-Pfaddaten von Font Awesome- Glyphen abrufen, damit ich sie direkt als SVG in meinem HTML-Code verwenden kann. Ich dachte, es wäre so einfach wie das Kopieren und Einfügen der Pfaddaten aus fontawesome-webfont.svg , aber wenn ich es in meinem HTML verwende, werden alle Symbole...

87
Wie füge ich einer SVG-Grafik einen Tooltip hinzu?

Ich habe eine Reihe von SVG-Rechtecken (mit D3.js) und möchte beim Mouseover eine Nachricht anzeigen. Die Nachricht sollte von einem Feld umgeben sein, das als Hintergrund dient. Sie sollten beide perfekt zueinander und zum Rechteck (oben und zentriert) ausgerichtet sein. Was ist der beste Weg,...