Programmierung svg

14

Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie mit Fakten und Zitaten beantwortet werden kann, indem Sie diesen Beitrag bearbeiten . Geschlossen vor 6 Jahren . Verbessere diese Frage Ich arbeite an einer interaktiven …

254 javascript jquery svg raphael

11

Wie zentriere ich eine SVG in einem Div?

Ich habe eine SVG, die ich in einem Div zentrieren möchte. Das div hat eine Breite oder 900px. Das SVG hat eine Breite von 400px. Bei der SVG ist der Rand links und der Rand rechts auf automatisch eingestellt. Funktioniert nicht, es verhält sich nur so, als ob der linke …

254 css layout svg positioning margin

8

Gibt es eine Möglichkeit, SVG als Inhalt in einem Pseudoelement zu verwenden: vorher oder: nachher

Ich möchte einige SVG-Bilder vor ausgewählten Elementen platzieren. Ich benutze JQuery, aber das ist irrelevant. Ich möchte das Element: before als: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Wenn ich es wie oben gezeigt mache, wird nur die Zeichenfolge angezeigt. Ich habe die Spezifikationen …

245 css svg

7

Wie kann ich mit dem übergeordneten Container eine SVG-Skala erstellen?

Ich möchte die Inhaltsskala eines Inline-SVG-Elements haben, wenn die Größe nicht nativ ist. Natürlich könnte ich es als separate Datei haben und es so skalieren. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Ich möchte dem SVG jedoch zusätzliche Stile über CSS hinzufügen, sodass das Verknüpfen eines externen …

235 css html svg scaling

12

Wie erstelle ich eine Träne in HTML?

Wie erstelle ich eine solche Form, um sie auf einer Webseite anzuzeigen? Ich möchte keine Bilder verwenden, da diese beim Skalieren verschwommen werden Ich habe es mit CSS versucht : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; …

222 html css svg css-shapes

10

Können Sie steuern, wie die Strichbreite eines SVG gezeichnet wird?

Derzeit wird eine browserbasierte SVG-Anwendung erstellt. Innerhalb dieser App können verschiedene Formen vom Benutzer gestaltet und positioniert werden, einschließlich Rechtecke. Wenn ich a stroke-widthauf ein SVG- rectElement von beispielsweise anwende 1px, wird der Strich rectvon verschiedenen Browsern auf unterschiedliche Weise auf den Versatz und den Einschub des Strichs angewendet . …

204 svg offset rect

4

Werden SVG-Parameter wie 'xmlns' und 'version' benötigt?

In ungefähr der Hälfte der SVG-Beispiele, die ich im Internet sehe, ist der Code in einfache <svg></svg>Tags eingeschlossen. In der anderen Hälfte haben die SVG-Tags viele komplizierte Attribute wie diese: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Meine Frage ist: Ist es in Ordnung, die einfachen SVG-Tags zu verwenden? Ich habe versucht, mit …

203 xml svg tags

4

SVG-Positionierung

Ich spiele mit SVG und habe ein paar Probleme mit der Positionierung. Ich habe eine Reihe von Formen, die im gGruppen-Tag enthalten sind. Ich hatte gehofft, es wie einen Container zu verwenden, damit ich seine x-Position festlegen konnte und dann alle Elemente in dieser Gruppe sich ebenfalls bewegen würden. Das …

203 svg position grouping

7

Wie kann ich SVG-Inhalte entfernen oder ersetzen?

Ich habe einen Teil des JavaScript-Codes, der (mit D3.js) ein svgElement erstellt, das ein Diagramm enthält. Ich möchte das Diagramm basierend auf neuen Daten aktualisieren, die von einem Webdienst mit AJAX stammen. Das Problem ist, dass jedes Mal, wenn ich auf die Schaltfläche "Aktualisieren" klicke, ein neues generiert svgwird. Daher …

200 javascript ajax svg d3.js

8

Kann ich die Füllfarbe eines SVG-Pfads mit CSS ändern?

Ich habe folgenden Code: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> Ist es möglich, die Füllfarbe des SVG-Pfads mit CSS oder auf andere Weise zu ändern, ohne sie tatsächlich innerhalb des Pfad-Tags zu ändern?

200 css svg

14

jquery's append funktioniert nicht mit svg element?

Angenommen, dies: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Warum sehe ich nichts?

199 jquery html svg

13

So berechnen Sie den SVG-Pfad für einen Bogen (eines Kreises)

Wie zeichne ich bei einem Kreis mit einem Radius von (200.200) und einem Radius von 25 einen Bogen von 270 bis 135 Grad und einen von 270 bis 45 Grad? 0 Grad bedeutet, dass es sich direkt auf der x-Achse (der rechten Seite) befindet (was bedeutet, dass es sich um …

191 svg

5

SVG: Text in rect

Ich möchte Text in SVG anzeigen rect. Ist es möglich? Ich habe es versucht <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Aber es funktioniert nicht.

180 text svg rect

10

So platzieren und zentrieren Sie Text in einem SVG-Rechteck

Ich habe das folgende Rechteck ... <rect x="0px" y="0px" width="60px" height="20px"/> Ich möchte das Wort "Fiktion" darin zentrieren. Wird bei anderen Rechtecken ein SVG-Zeilenumbruch verwendet, um in diesen zu bleiben? Ich kann anscheinend nichts spezielles zum Einfügen von Text in Formen finden, die sowohl horizontal als auch vertikal zentriert sind, …

179 text svg

8

Fügen Sie eine SVG (auf GitHub gehostet) in MarkDown ein

Ich weiß damit, dass ein Bild in einer MD mit der MD-Syntax von entweder ![Alt text](/path/to/img.jpg)oder platziert werden kann![Alt text](/path/to/img.jpg "Optional title") , aber ich habe Schwierigkeiten, eine SVG in MD zu platzieren, in der der Code auf GitHub gehostet wird. Letztendlich verwende ich Rails3 und ändere das Modell gerade …

173 svg github markdown

Als «svg» getaggte Fragen