Angenommen, ich habe die SVG-Datei: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size:
Ich liebe die Font Awesome- Symbolschrift und möchte sie für die meisten Symbole auf meiner Website verwenden, aber es gibt ein paar benutzerdefinierte SVG-Symbole, die ich zusätzlich zu den angebotenen Symbolen benötigen würde. Mir ist aufgefallen, dass die .svg-Version von Font Awesome...
Ich möchte eine Standardhintergrundfarbe für das gesamte SVG-Dokument festlegen, z. B. Rot. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Die obige Lösung funktioniert, aber die Hintergrundeigenschaft des Stilattributs ist leider keine Standardeigenschaft:...
Gibt es eine Standardmethode zum Zeichnen einer SVG-Datei auf eine HTML5-Zeichenfläche? Google Chrome unterstützt das Laden der SVG als Bild (und das einfache Verwenden drawImage). Die Entwicklerkonsole warnt jedoch davor resource interpreted as image but transferred with MIME type image/svg+xml....
Ich möchte ein SVG-Logo für eine Website verwenden, damit es auf einem ansprechenden Design für alle Geräte gut aussieht. Da es jedoch Probleme gibt , möchte ich so viele Geräte und Browser wie möglich unterstützen. Die Ladegeschwindigkeit ist ebenfalls ein wichtiger Gesichtspunkt. Wie passen...
Ist es möglich, SVG-Markup in eine ReactJS-Komponente einzubetten? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Ergebnisse im Fehler: Namespace-Attribute werden nicht unterstützt. ReactJSX ist kein XML....
Ich versuche, die richtige Technologie für die Aktualisierung eines Projekts auszuwählen, das im Grunde Tausende von Punkten in einem zoombaren, pannbaren Diagramm wiedergibt. Die aktuelle Implementierung mit Protovis ist unterdurchschnittlich. Schau es dir hier
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 2 Jahren . Verbessere diese Frage Ich versuche, ein...
Ich habe einige SVG-Dateien, die Folgendes angeben widthund heightauch viewboxmögen: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... aber wie werden sie im Browser in einer von mir festgelegten Größe angezeigt? Ich möchte sie kleiner haben und habe versucht: <object...
Normalerweise mache ich Folgendes, um die meisten meiner SVG-Symbole einzuschließen, die ein einfaches Styling erfordern: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Jetzt habe ich mit ReactJS gespielt, um es als mögliche Komponente in meinem neuen...
Während der Verarbeitung meines XML versuche ich, eine SVG-Datei, auf die von einem hrefAttribut verwiesen wird, mit der folgenden Zeile direkt in mein Ausgabe-HTML zu kopieren : <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> Das copy-namespacessollte nicht notwendig sein,...
Welche Favicon-Dimensionen, Dateiformate und Meta / Link-Tags sollten ab 2020 verwendet werden? Dazu gehören Apple-Symbole, Windows, Android und andere Geräte, die heute verwendet werden. Ich benutze Opera und ich kann sehen, dass es das SVG-Format unterstützt. Ist es heutzutage die beste Lösung,...
Ziel ist es, das <svg>Element auf die Größe seines übergeordneten Containers zu erweitern, in diesem Fall a <div>, egal wie groß oder klein dieser Container sein mag. Der Code: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg...
Ich arbeite an einem Webprojekt, bei dem eine dynamisch generierte Karte der USA verschiedene Staaten basierend auf einem Datensatz färbt. Diese SVG-Datei gibt mir eine gute leere Karte der USA und ist sehr einfach, die Farbe jedes Staates zu ändern. Die Schwierigkeit besteht darin, dass IE-Browser...
Ich bin gerade auf ein sehr seltsames Problem gestoßen, das nur in Safari 10 auftaucht. Ich habe Spielkarten, SVG-Bilder, die manchmal mit gedreht werden transform:rotate(xdeg). Die Karte, die ich benutze, hat ein rotes Blockmuster. Wenn es nicht oder rechtwinklig gedreht wird, dh 90, 180, 270,...
Ich möchte <text>in SVG anzeigen, was automatisch in Zeilen um den Container gewickelt wird, <rect>genauso wie HTML-Text <div>Elemente füllt . Gibt es eine Möglichkeit, dies zu tun? Ich möchte Linien nicht sparsam mit <tspan>s positionieren
Also hier ist was ich habe: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip"
Wenn eine SVG mithilfe des <svg>Tags direkt in ein Dokument aufgenommen wird , können Sie CSS-Stile über das Stylesheet des Dokuments auf die SVG anwenden. Ich versuche jedoch, einen Stil auf eine eingebettete SVG anzuwenden (mithilfe des <object>Tags). Ist es möglich, etwas wie den...
Was ist der Unterschied zwischen dem x- und dx-Attribut von svg (oder y und dy)? Wann wäre der richtige Zeitpunkt, um das Achsenverschiebungsattribut (dx) gegenüber dem Standortattribut (x) zu verwenden? Zum Beispiel habe ich viele d3-Beispiele bemerkt, die so etwas tun chart.append("text")...
In typescript(*.tsx)Dateien kann ich keine SVG-Datei mit dieser Anweisung importieren: import logo from './logo.svg'; Transpiler sagt: [ts] cannot find module './logo.svg'. Meine SVG-Datei ist nur <svg>...</svg>. Aber in .js Datei kann ich es ohne Probleme mit genau der gleichen...