Tag: svg
Scalable Vector Graphics (SVG) ist eine XML-basierte zwei-dimensionalen Vektor-Grafik-format, die auch in HTML verwendet. Nicht fügen Sie dieses tag nur weil Ihr Projekt verwendet SVG. Stattdessen fügen Sie der tag, wenn deine Frage ist entweder SVG oder eng mit diesem verbunden sind, wie um etwas zu erreichen mit SVG.
Vektor Asset Studio importieren ist bunt .svg-Datei als schwarz und weiß

Ich bin mit der Anleitung hier von Google die Verwendung der neuen option (März 2016) zu importieren .svg-Dateien in drawable statt .png-Dateien. Das problem, das ich habe ist, dass die Datei wird importiert, als schwarz und weiß,
Benutzerdefinierte svg-admin-Menü-Symbol in WordPress

Ich bin wirklich zählen auf Ihre Hilfe in dieser. Ich suchte eine Menge und keine Lösung gefunden. Ich möchte ein benutzerdefiniertes Symbol für mein plugin im admin-Menü, und ich möchte es zu integrieren, die gut mit dem
d3.js Fügen Sie einen Kreis in d3.geo.Pfad

Habe ich eine Karte von einem mbtile umgebaut zu einem geojson, die Projektion ist WGS84. Ich lade es so : var map = svg.append("g").attr("class", "map"); var path = d3.geo.path().projection(d3.geo.albers().origin([3.4,46.8]).scale(12000).translate([590, 570])); d3.json('myjsonfile.json', function(json) { map.selectAll('path').data(json.features).enter().append('path').attr('d', path) }); Nun
Erstellen einer Form in eine andere

Können wir schaffen den Formen wie Rechteck, Kreis etc. Können wir es schaffen, ein Rechteck innerhalb eines Rechtecks? InformationsquelleAutor Pradeep Neo | 2011-04-27
Enthalten SVG-Datei in SVG

Habe ich einen linearGradient im defs-Bereich meiner SVG-Datei, und verweisen Sie darauf mit fill="url(#myGradientName)". Das funktioniert Super so weit. Ich denke, ich sollte in der Lage sein, meine ganze defs-Abschnitt in seine eigene SVG-Datei, und dann einfach
SVG-Verlauf wird schwarz, wenn es ein BASE-tag in HTML-Seite?

Ich bin mit dem Raphaël-JavaScript-Bibliothek zum erstellen von SVG-Elemente in einer HTML-Seite und die Verwendung von CodeIgniter als PHP-framework. In dem CodeIgniter framework-ich muss noch ein <base> - tag im Kopf des HTML-Dokuments zu verwenden, JS,CSS und
Rollover-overlays mit SVG

möchte ich erreichen, die Wirkung auf auf dieser Seite mit SVG. Wie Sie sehen können, verwendet es eine Reihe von PNG-transparent überlagert, wenn der Benutzer die Maus über ein Polygon-hotspot, gezeichnet auf ein Produkt. Was ich erreichen
So konvertieren Sie SVG nach PNG mit ImageMagick in PHP?

Möchte ich umwandeln SVG in PNG mit ImageMagick mit PHP. Ich habe ImageMagick installiert auf XAMPP und überprüft es mit phpinfo(), aber kann immer noch nicht Bilder generieren. Hier ist mein code: $svg = file_get_contents($svg_file); //echo $svg;
Wie kann ich exportieren einer Excel - /OpenOffice - /LibreOffice-Diagramm im SVG-Format?

Ich bin mit eine der beliebtesten Tabellenkalkulationsprogrammen (Excel - /OpenOffice - /LibreOffice-Grafik), erstellen Sie einige schöne charts. Ist es möglich, den export der Diagramme im SVG-format von jedem dieser Programme? InformationsquelleAutor David B | 2011-09-20
Raphael JS um eine map mit hover-Tooltipps

Ich versuche, eine Karte mit Raphael JS, ziemlich ähnlich wie das Beispiel, das Sie auf Ihrer Website: http://raphaeljs.com/australia.html Jedoch möchte ich zeigen, die info auf die hover-tooltip, das verbläßt in/out, wie Sie bewegen, um verschiedene Teile der
Gaußscher Weichzeichner cutoff an den Rändern

Arbeite ich an einer svg-export-Dienstprogramm für eine Zeichnung Programm auf android. Ich habe ein problem, dass die hinter blur ist cutoff Vergangenheit die Form hinweg - sieht aus wie ich brauche, um die Größe der viewBox oder
SVG in flexbox vermasselt Höhe von anderen Elementen

Ich versuche, ein svg-element, dass die Größe mit der container-Größe in einer flexbox, aber für einige Grund es vermasselt die Größe eines div (mit text) unterhalb des svg. (Wie viel ändert sich beim ändern der Größe des
Nicht SVG-Unterstützung, auto-Breite und Höhe für Bilder?

In HTML-image-element erstellt werden kann, ohne die Abmessungen angegeben. Es wird die intrinsische Breite und Höhe: <img src="me.jpg" alt=""> Jedoch im SVG-Bild ohne dimensionsattribute haben 0×0 Größe, um dies zu verhindern width und height muss angegeben werden
Wie man SVG-erscheinen ohne Bildlaufleisten in html

Wie kann ich eine SVG angezeigt, zuverlässig und ohne scrollbars in HTML? Etwas, das funktioniert in Firefox und Chrome ist ausreichend. Der grundlegendste Schritt ist, dass die SVG scheint, als es die "natürlichen" Breite und Höhe des
Gibt es eine Java-Bibliothek für die Konvertierung .svg zu .png-oder .jpg im code?

Gibt es einige Java-Bibliothek für die Konvertierung .svg zu .png-oder .jpg im code ? Hat jemand Erfahrung mit diesem ? InformationsquelleAutor Damir | 2011-07-07
Wie zum einbetten eines HTML-div-Element innerhalb eines svg

Beispiel: <div> Hello World </div> <svg> <div> From SVG Land</div> </svg> Frage: Trotz der tags, werden SVG-Objekte separat analysiert und nicht einige richtige Teil in der dom-Struktur? Wie bekomme ich die DIVs innerhalb des SVG-Elemente? InformationsquelleAutor |
SVG-Datei Warnmeldung in Android-Studio-editor

Bin ich mit Android Studio 2.0 mit SVG2VectorDrawable: Wenn ich eine svg-Datei Bearbeiten möchten, aus der \RAW Ressource-Ordner, die Datei, die ich Unterstrichen mit der roten Farbe, und eine Warnung "element svg muss erklärt werden" wie unten
JS SVG-immer innerHTML von einem element

Wollte ich daraus einige Daten aus einer SVG-Datei. Ich weiß, dass SVG auf XML, so dass ich dachte, es wäre ziemlich einfach zu coax werden die Daten mit JS. So, ich wollte, um eine Reihe von text
Nicht wenden Sie eine animation auf SVG-element g

Habe ich Folgendes SVG Datei. <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="htntp://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="1000" height="650" id="svgContainer"> <g id="truck"> <animate attributeName="fill" from="black" to="red" dur="5s"/> <path d="m 655.589,484.36218 -6.18561,-128.61524 -110.99241,-15.79583 -34.55321,-87.58893 -94.74579,0 3.03024,178.75619 -322.238663,2.0203 0.145305,51.22351 z" id="body" fill="#000000" stroke="#000000" stroke-width="1px"
Wie kann ich machen *Teile* einer svg-Datei?

Möchte ich render Teile einer svg-Datei durch die Namen, sondern für das Leben von mir ich kann nicht herausfinden, wie zu tun (mit python + gtk). Hier ist die svg-Datei in Frage: http://david.bellot.free.fr/svg-cards/files/SVG-cards-2.0.1.tar.gz (Update: diese Datei nicht
Android-image-map. - Anzeige ein .svg und verwenden Sie es als ein Bild anzeigen (touch-Zonen)

Ich bin auf der Suche nach einem Weg, um ein Bild anzeigen und der Benutzer Tippen Sie auf verschiedene Teile des Bildes zu navigieren und Aktionen auszuführen. Ich überlegte, mit einem unsichtbare Farbe anzeigen zu überprüfen, welche
D3: "SVG4601: SVG-Pfaddaten hat Falsches format und konnten nicht vollständig analysiert werden."

Ich bin rendering ein Liniendiagramm und es funktioniert einwandfrei auf FF und Chrome. Wenn ich den gleichen code auf IE 11, aber, meine Zeilen werden nicht angezeigt, und bekommen auch mehrere hundert Fehler erscheinen in der Konsole,
Wie um zu Überprüfen, Kreuzung von Svg-Elementen

Arbeite ich an einer web-basierten Anwendung, wo Benutzer können mehrere svg-Elemente. alle Elemente sind 'Weg' (geschlossener Pfad entweder Quadrat oder Rechteck). Benutzer können sich bewegen und drehen Sie jedes element. Ich will jetzt alarm Benutzer, wenn ein
Grenze für svg-Elemente

Arbeite ich mit svg und seine dom-manipulation. Ich will erstellen Sie eine Grenze für eine Gruppe von svg-Elemente positioniert innerhalb der <g> tag. Wie mache ich das? Ist es möglich, Zirkular /elliptisch hinweg auch? Ich bin mit
rotation, animation, snap, svg

Habe ich gesehen, diese wunderbare codepen zum erstellen von svg-loading Animationen mit SMIL, aber ich möchte das gleiche zu tun, animation, Snap-SVG-Bibliothek. Also ich erstelle html wie folgt: JS: document.addEventListener("DOMContentLoaded", function(){ var svgElem = document.querySelector("#loading"); var snapCanvas
SVG - how, um text-Zeile-Höhe

Scheint es line-height ist CSS-Eigenschaft fehlen von svg-text. Die beste Ressource, auf die SVG, die ich gefunden habe, ist: Jenkov.com SVG-Tutorials und es gibt keine Erwähnung von ihm, weder könnte ich erwähnen, der es auf MDN. Also
Zoom auf ein element - jquery SVG

Sagen, dass ich eine Leinwand mit svg-Elementen gezeichnet ist. Sobald ich Sie auf das element, brauche ich zum ändern der Ansicht durch Zoomen und Fokussierung auf das element geklickt wird. Wie führe ich diese? Ich habe anbei
d3.js Diagramm nicht aktualisiert, mit neuen Daten

Einer Reihe der Rechtecke werden gezeichnet, indem d3.js durch das Holen einer Anordnung von 100 Objekten. Obwohl die console.log(data) zeigt, dass neue Daten empfangen wurden, werden die neuen Daten Punkte scheinen nicht Anhängen beliebiger Rechtecke. War .enter().append()
D3.js anpassen rect-zu-text-Größe: getBBox()?

Ich bin momentan dabei, ein force-directed-graph unter Verwendung D3.js finden Sie in JSFiddle: http://jsfiddle.net/pwxecn8q/. Den text und rect sind in der gleichen Gruppe gelegt. Beim Anhängen der rects I möchten, wählen Sie die text element für die
Füllen Sie einen Anteil von SVG-und animieren die Füllung

Derzeit arbeite ich an einem Projekt, Vergleich von Daten mit Daten aus einem anderen Land. Ein Datenpunkt ist der Anteil der geschützten land-und ich möchte füllen Sie den Prozentsatz des Staates, die zu den Daten passt-Punkt. So
Zweifel über das speichern von SVG-Dateien und abrufen

Machte ich ein system, dass ein Benutzer lädt eine Gerber-Datei (Printed circuit board-format), und dann habe ich konvertieren mit PHP, die Datei (GCode) zu SVG. Ich bin mit einem problem konfrontiert, nun, das ist eigentlich ein Architektur
Die Anzeige von SVG mit XSLFO

Erste Frage von mir; ich bin momentan auf der Festsetzung einer Grafik-service, verwendet XSLFO konvertieren unsere syntax zu FO, und konvertiert Sie zu PDF-Datei in das Ende. Bisher haben wir die Verwendung von PNG-Grafiken aus dem web
d3 Verschachtelung auf mehrere Tasten, die mit einer Schleife

Ich bin mit d3.nest (), um eine hierarchische Objekt aus einer CSV-Datei. Könnten Sie mir bitte helfen zu verstehen, warum der folgende code nicht funktioniert. Ich schaffte es nicht die Verwendung der nesting-Funktion innerhalb einer Schleife, wie
Anwendung von SVG-filter zu hintergrund Bild

Ich bin versucht, um eine SVG-filter (Gaußscher Weichzeichner), um nur einen Teil eines Bildes (z.B. den hintergrund). Ich habe die Wirkung erreicht, indem eine beschnittene SVG-Bild mit dem Gaußschen Weichzeichner angewendet an derselben position erscheinen zu lassen
Bewahren untergeordneten Elemente' Größe und Skalierung des parent-Elements

Ich habe eine XHTML-Seite mit SVG-eingebettet in die Sie als <svg> element. Ich brauche zu implementieren, skalieren, aber es ist eine Anforderung, die innere <text> Elemente müssen nicht skalieren. Eine offensichtliche Lösung ist <svg ...> <!-- Root
Wie man svg-animation mit Animierten in reagieren-native

ReactNative: <ScrollView style={styles.container}> <Svg height="100" width="100"> <Circle cx="50" cy="50" r="50" stroke="blue" strokeWidth="2.5" fill="green"/> </Svg> </ScrollView> Ich will Kreis-Skala mit Animiert.Wert. Ich habe dies ausprobiert : let AnimatedScrollView = Animated.createAnimatedComponent(ScrollView); let AnimatedCircle = Animated.createAnimatedComponent(Circle); <ScrollView style={styles.container}> <Svg height="100"
IE11 Nicht Angezeigt Bild Mit Object-Tag Durch Web-Server, Aber Feines Lokal

Problem: Beim betrachten eines Bildes von setup-Daten über ein object-tag (Internet Explorer 11 wird nicht angezeigt, wenn die Anzeige durch den web-server. Hier ist der gesamte code: <!DOCTYPE html> <html> <head></head> <body> <div style="width:200px; height:100px"><img src="../../square.svg"/></div> <div
Bild-url-downloads das Bild angezeigt, statt es

Ich wechselte die Seite von meinen arbeiten, Dateien auf den server. Es geklappt, wenn ich es hochgeladen, um mein portfolio aber einmal war es auf die richtige domain funktioniert es nicht mehr. Das Bild, anstelle der Anzeige,
css svg-und vector-effect="non-scaling-stroke" - browser-Kompatibilität

Aus verschiedenen Quellen entnehme ich, dass die vector-effect="non-scaling-stroke" im svg-sollte funktionieren in den aktuellen Versionen von Opera, Firefox und Chrome. (Nicht sicher, IE10). Kann ich jedoch erst machen, damit es funktioniert in Opera und Firefox, und dann
Richtige Weg, um wählen Sie untergeordnete Knoten in D3

Habe ich eine SVG-element mit ein paar Knoten: gnodes = svg.selectAll("g.node") .data(_nodes); var newNodes = gnodes.enter().append("g") .attr("class", "node") .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }) .call(drag) .on('mouseover', onMouseOver) .on('mouseout', onMouseOut);
So erstellen Sie ein Attribut in SVG mit JavaScript?

Ich habe ein Skript, in meiner Anwendung, blendet g-Elemente in SVG, die bestimmte ID-Werte, aber das funktioniert nur, wenn das g-element muss eine Sichtbarkeit Attribut. Jedoch, die SVGs ich bin mit nicht Sichtbarkeits-Attribut auf die g-Elemente und
die Anzeige von svg mit dem embed-tag in ie9

Hey Leute, ich wollte Fragen, ob jemand schon Erfahrung mit der Anzeige von svg-in ie9 mit dem embed-tag. Unten ist ein Beispiel von meinem code: <!DOCTYPE html> <html><head><title>Example</title></head> <body> <embed id="E" height="50%" width="100%" src="example.svg"> </body> </html> Gerade
SVG - Skala Weg von der Mitte wiederholt (pulsierender)

Ich habe eine svg-Grafik mit einem zentralen Punkt (100, 100). <g id="centre"> <circle cx="100" cy="100" r="2"/> </g> Einen Pfad (wie ein Kreis) sollte surround es und zu pulsieren - ich meine, es sollte sich selbst skaliert von
SVG viewbox-Höhe-Problem auf ios-Safari

Ich bemerkte eine seltsame Sache, auf ios mit svg. Die svgs scheinen gut zu funktionieren in allen anderen Browsern, aber auf Safari-ipad - /iphone die viewbox hat einige seltsame Raum an der Oberseite und der Unterseite des
Auf der Suche zu kombinieren, CSS-füllen-Farbe-und SVG-Muster auf ein SVG-element

Ich würde gerne die awesomeness von CSS SVG-Elemente in Kombination von 2 Dingen: füllen Sie Farbe und textur. Meine Texturen sind erstellt mit SVG-Muster, die eine Kontur aber keine Füllung. Aber auch wenn das Muster nicht füllen
Firefox SVG mit fill:url(#id) Stil im externen stylesheet gebrochen, inline-styles sind in Ordnung

In Firefox nur, wenn ich versuche zu geben, einen svg-Pfad eines pattern-Verweis wie: Pfad { fill: url(#ref); } in einem externen Stylesheet, macht es unsichtbar. Wenn ich es Tue, inline -, oder in einen tag auf der
SVG in mPDF (PHP-Bibliothek )

In php-code, den ich verwenden mPDF - Bibliothek für die Generierung von PDF. Ich stehe vor einem problem mit einfügen von svg in PDF Die svg-Datei, die ich fangen per POST: $svg = $_POST['structureSVG']; $svg_pdf = str_replace('"',
SVG Java Graphics2D

Kann jemand empfehlen, einige gute Möglichkeit zum generieren von Graphics2D-Objekt form von SVG-Daten? Ich habe gesehen, Apache Batic lib, aber es Nähte, dass Sie einige JSVGCanvas, der bekommt die URI etc... Und ich will ein Graphics2D Zeug
Welt Karte zoomt in das Land mit HTML5

Schaue ich RaphaelJS, D3, und anderen "mapping" - tools (jvectormap, etc), aber ich konnte keine finden Beispiel von einer Welt, Karte, Zoomen Sie in ein Land, das sich auf Mausklick. Ich möchte zunächst sehen Sie eine Weltkarte,
Konvertierung von SVG-font Symbol mit icomoon

Ich habe eine svg, die beim öffnen im browser kommt gut. Ich bin versucht, zu konvertieren, ein paar von Ihnen zu font-icons mit http://icomoon.io/ aber es kommt nicht richtig nach dem Import. Ich habe versucht, mit http://fontastic.me/