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ß

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 6 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 4 Antworten
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?

Anzahl der Antworten 4 Antworten
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

Anzahl der Antworten 2 Antworten
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?

Anzahl der Antworten 3 Antworten
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?

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 1 Antworten
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?

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 2 Antworten
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?

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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?

Anzahl der Antworten 5 Antworten
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)

Anzahl der Antworten 3 Antworten
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."

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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()?

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 4 Antworten
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

Anzahl der Antworten 3 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 3 Antworten
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

Anzahl der Antworten 3 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 3 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 1 Antworten
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?

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 2 Antworten
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)

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 4 Antworten
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

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 2 Antworten
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 )

Anzahl der Antworten 1 Antworten
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

Anzahl der Antworten 2 Antworten
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

Anzahl der Antworten 4 Antworten
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

Anzahl der Antworten 2 Antworten
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/