Programmierung svg

4

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. Was ist der leichteste Weg, dies zu tun. Die Verwendung von React ART ist für das, …

127 javascript svg reactjs

9

PDF in sauberes SVG konvertieren? [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 2 Jahren . Verbessere diese Frage Ich versuche, ein PDF in SVG zu konvertieren. Diejenige, …

114 pdf svg

6

SVG verwendet Tag und ReactJS

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 Front-End-Entwicklungsstapel zu bewerten. Ich habe jedoch festgestellt, dass in der Liste der unterstützten Tags / Attribute …

114 svg sprite reactjs

9

Wie skaliere ich eine hartnäckige SVG, die mit dem <object> -Tag eingebettet ist?

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 width="400" data="image.svg"></object> aber dann bekomme ich sichtbare Bildlaufleisten. Es …

114 html svg

5

Schnelle und reaktionsschnelle interaktive Diagramme / Grafiken: SVG, Canvas, andere?

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 an: http://www.planethunters.org/classify Bei vollständiger Verkleinerung gibt es ungefähr 2000 Punkte. Versuchen Sie, mit den Griffen unten …

114 html canvas svg d3.js kineticjs

1

Verwenden der Kopie mit document () zum Hinzufügen von SVGs zur XHTML-Ausgabe

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, da der Standardwert sowieso "Ja" ist, aber ich habe ihn hinzugefügt, um Fragen zu vermeiden, …

113 html xml svg xslt-1.0 xslt-2.0

2

Favicon Standard - 2020 - SVG, ICO, PNG und Abmessungen?

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, SVG zu verwenden? Gibt es eine Option "Eine …

113 html svg png favicon

5

Wie kann ein <svg> -Element in seinem übergeordneten Container erweitert oder verkleinert werden?

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 xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> …

112 css html svg responsive-design

8

Konvertieren Sie das SVG-Bild mit PHP in PNG

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 SVG nicht unterstützen. Damit …

111 php svg imagemagick jpeg gd2

1

SVG ändert seine Farbe, wenn es in Safari 10 gedreht wird

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, sieht es normal aus. Aber …

109 html css svg safari

7

Automatischer Zeilenumbruch in SVG-Text

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 .

108 xml text svg word-wrap

6

Wie kann man einen SVG-Text in Javascript unterbrechen?

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" ...>Tooltip</text> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set …

107 javascript svg newline line-breaks

3

Wie wende ich einen Stil auf eine eingebettete SVG an?

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 folgenden Code zu verwenden? object svg …

107 html css svg

2

Was ist der Unterschied zwischen dem x- und dem dx-Attribut von svg?

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") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am …

106 svg d3.js

8

SVG-Dateien können nicht in Typoskript importiert werden

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 Importanweisung importieren. Ich nehme an, es hat etwas mit dem Typ …

106 typescript svg

Als «svg» getaggte Fragen