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.
SVG nicht Rendern von Schriftarten in Firefox (funktioniert in IE9 und Chrome)
3 Antworten
Habe ich Vektor-logo in der PSD-Datei. Wenn ich es exportieren als AI (Adobe Illustrator) Datei umwandeln und dann auf SVG bekomme ich so etwas wie dieses: <tspan x="0 34.799999 68.75" y="0" id="tspan22" style="font-size:50px;font-variant:normal;font-weight:bold;font-stretch:normal;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:Novecento wide Book;-inkscape-font-specification:Novecentowide-Bold">AI</tspan> Das ist
d3 fügen Sie text in SVG rect
1 Antworten
Ich bin Anfänger in der d3.js und ich möchte hinzufügen, einige text-und rect-innere rect. hier ist mein code: if (!_svg) { _svg = d3.select("#col1").append("svg") .attr("height", _height - 2) .attr("width", _width - 2); } _svg.append("text").attr({ id: "leftDomainName", x:
Clip-Pfad-SVG-polygon Internet Explorer
1 Antworten
Dieser code funktioniert nicht im IE, die ich brauche, es zu benutzen, weil ich ein Pfeil folgt, dass ein Punkt auf der Karte. div { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; background: red;
Responsive clip-path mit inline-SVG
1 Antworten
Auf ein element mit einem hintergrund (Bild oder Farbe nicht wirklich wichtig): <header id="block-header"></header> Ich bin versucht, einen clip-Pfad unter Verwendung der SVG. Um dies zu erreichen, ich bin putting SVG inline in das gleiche element wie
So erstellen Sie eine endlose Schleife animation in SVG
1 Antworten
Ich bin neu in der SVG-Animation, und ich versuchte, Sie zu drehen, eine Gruppe-element, acht mal durch 45°. (45, 90, 135, 180, 225, 270, 315, 360). Das Beispiel unten funktioniert gut für mich, aber wie erstelle ich
SVGZ gibt-encoding-Fehler
3 Antworten
Sitze ich hier mit SVG, und ich möchte gzip diese Dateien mit der SVGZ - Das problem ist, dass ich bekomme diese Fehlermeldung, wenn ich öffnen Sie die SVGZ-Datei: Diese Seite enthält die folgenden Fehler: error on
Fügen Sie einen Kreis um ein d3.js anzeigen
3 Antworten
Habe ich erzeugt eine Karte des Phoenix aus dieser GeoJson und machte es zu zeigen, wie ich es haben möchte. Nun würde ich gerne hinzufügen, Kreise auf der Karte repräsentieren etwas von Interesse, aber Kreise niemals auftauchen.
Canvg | Konvertierung von SVG auf die Leinwand, um die Ausgabe als Bild
2 Antworten
Ich habe eine komplexe interaktive Grafik innerhalb eines SVG. Ich möchte die SVG in eine versteckte Leinwand, so kann ich es dem Benutzer erlauben, um die Ausgabe als png/pdf. test111.js erstellt div#forSVG und dann svg#svg-innerhalb (plus Kreise,
Holen Sie sich Pfeilspitzen-zu-Punkt an der äußeren Kante von Knoten in D3
2 Antworten
Ich bin neu in D3 und ich bin versucht, zu erstellen eine interaktive Netzwerk-Visualisierung. Ich habe kopiert große Teile der diese Beispiel, aber ich habe geändert, die gekrümmten Linien gerade durch die Verwendung von SVG - "Linien"
Blättern svg innen div
4 Antworten
Ich habe einen einfachen Anwendungsfall. Ich habe eine äußere div-Element und svg-innen. Wie, <div> <svg> ... ... </svg> </div> Ich versuche, das svg-scrollen im div, aber ohne Glück 🙁 ich habe versucht Einstellung: div { position: relative;
SVG Größe ändern Bild-Seitenverhältnis
1 Antworten
Ich versuche, herauszufinden, wie man eine komplexe SVG-Datei und Sie leicht ändern Sie die Größe, um alles, was id gerne. Angenommen, ich möchte ein 100x100 SVG-Bild zu sein, 5x30 ich möchte es ändern auf, dass mit zuschneiden.
Rendern von svg im IE 7/8
5 Antworten
Schaltfläche zeigt Prima im FF, Chrome, Safari. Nicht die Darstellung im IE 7/8. Hier ist der code, den ich bereits gegeben habe: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="RadMenu.css"> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <g id="g"
SVG: vereinfachen Sie den Pfad zu entfernen, Kurven?
3 Antworten
Ich habe eine svg-Datei enthält komplexe Pfade mit bezier-Kurven. Ich brauche zu konvertieren, das Pfad-Daten zu verwenden für html-anzeigen-Bereich, so dass ich in der Tat brauche ich nur die Koordinaten (aber für große Kurven, es wäre sehr
THREE.js Renderer
2 Antworten
Kann mir jemand erklären, was ist der Unterschied zwischen three.js Renderer? Welches ist schneller? Die eine ist mehr standard-und cross-browser? Wie der svg-renderer und dom-renderer arbeiten? Ich habe anderes Ergebnis, wenn ich webGl statt der canvas-renderer für
Wie man richtig mit komplexen SVG-Bild-Pfade in Google Maps
1 Antworten
Habe ich ein wenig Google-Maps-Seite, die zeigt die Richtung eines (für den Moment) pre-definierten Punkt. Diese können gefunden werden hier In diesem Beispiel verwende ich ein Standard-Pfeil-Symbol aus der Google Maps API: icon: { path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW, scale:
Gibt es eine lite-SVG-viewer für Android?
4 Antworten
Macht android haben sich jede Unterstützung für das anzeigen von SVG-Dateien oder gibt es irgendwelche 3rd-party-SVG-Viewer für die Android-Plattform? InformationsquelleAutor Tawani | 2009-12-23
vertikaler text in d3 (nicht gedreht)
4 Antworten
Ich versuche text für die Anzeige vertikal in svg mit d3. Ich will nicht, es zu drehen, aber: ich möchte die Buchstaben zu bleiben, die horizontale, aber eine über der anderen. Einstellung writing-mode=tb scheint nicht, etwas zu
Wie, um eine glatte gestrichelte Grenze rotation animation wie "marching ants'
4 Antworten
Arbeite ich an einer css-animation mit 'Zahnräder und Ketten", aber bin nicht in der Lage zu schaffen, eine 'glatte' border rotation. Können Sie sehen, in diesem fiddle Wie (derzeit) bin ich mit einem pseudo-element zum generieren einer
Illustrator-SVG-export funktioniert nicht (inkscape-namespace-Präfix nicht definiert)
3 Antworten
Ich bin neu in der Welt der Vektor-Bearbeitung. Ich bin versucht zu exportieren .SVG-Datei aus .AI-Datei. Allerdings, wenn ich es exportieren möchte, bekomme ich folgenden Fehler in der generierten Datei: Error on line 57 at column 354:
Ist es möglich, zur Verbesserung der Standard-Darstellung von svg-Titel tooltip
1 Antworten
Möchte ich ändern das standardmäßige Aussehen der tooltip in der svg-Elemente (Titel) mit allen Mitteln wie js oder css. Ich habe sogar versucht, Sachen wie diese: var title = document.createElementNS('http://www.w3.org/2000/svg','title'); title.textContent='<foreignObject width="100" height="50" requiredExtensions="http://www.w3.org/1999/xhtml"><div style="background:blue;">'+arr[j].ypos+'</div><foreignObject>'; rect.appendChild(title); aber
auswählen mehrerer svg-Elemente und ziehen Sie Sie in Raphael.js
2 Antworten
Weiß jemand, wie ich diese erreichen können? Ich haben im Grunde ein svg-Dokument mit mehreren Formen,Linien,text etc... und ich bin zu versuchen, ein Auswahl-tool, das mir hilft, mehrere Elemente auswählen, gruppieren Sie Sie und ziehen Sie Sie.
Wie verwende ich einen benutzerdefinierten Zeichensatz mit der Batik-SVG-Bibliothek?
2 Antworten
Arbeite ich an einem Java-Programm, das erstellt Vorlagen für die Kleidung. Der Benutzer gibt das Wort, das Sie wollen, um zu sehen, auf das Kleidungsstück und das system erstellt eine PDF-Vorlage. Um die Vorlage zu erstellen erstelle
Fehler in Zeile 1 in Spalte 1: das Dokument ist leer
1 Antworten
nach vielen Fragen, ich bin immer noch verwirrt, was meine Frage sein sollte bin ich immer diese Fehlermeldung wenn ich auf add CSS in der SVG: style.css * {margin:0; padding:0} body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF}
Variable Präzision in d3.format
2 Antworten
Ich bin mit d3.format("s") mit d3.svg.Achse.tickFormat hübsch format der hilfsstrichbeschriftungen mit SI-Einheit (aus dem Internationalen System der Einheiten). Es funktioniert wunderbar für den größten Teil, außer für gewisse Werte, die in einen Rundungsfehler und bringen Sie eine
Konvertierung von SVG-Pfad-Daten in GDI+ GraphicsPath-Daten
4 Antworten
Gibt es eine einfache Möglichkeit zum konvertieren einer SVG-Weg-tag in ein C# - System.Zeichnung.Drawing2D.GraphicsPath? Sie sind beide eng miteinander verbunden, und ich hatte gehofft, es würde ein leichtes sein, zu konvertieren, SVG-Pfaddaten in die GraphicsPath-Punkte. InformationsquelleAutor Icemanind
Zeigen Land/Staat Daten in jVectorMap
1 Antworten
Ich muss zugeben, dass ich bin neu in jQuery und JS, aber ich mag die coolen Dinge, die Sie tun können, mit jVectorMap. Aber so weit, ich konnte nicht eine Sache hinzufügen: bei mouseover/hover-normalerweise der name des
Die Berechnung der SVG-Pfade
1 Antworten
Ich habe ein ziemlich Komplexes Bild anzeigen (über 150 Stück) und ich konvertieren wollen die Koords in die Karte, um SVG-Pfad standard-format. Der Grund, warum ich wollen, verwenden Sie die folgenden stattdessen von einer image-map http://raphaeljs.com/australia.html. Aber
wie man svg-element Typ
1 Antworten
ich habe eine Frage, wie bekomme ich den Typ der svg-element, btw ich nutze d3.js ich habe sth wie diese var selectedElement = svg.select("." + STYLE.selected); if (selectedElement instanceof SVGCircleElement){ alert("here circle"); selectedElement.style("fill", function(){return d3.rgb(d3.select(this).attr("fill"));}); } if
Ist es möglich, mit linearer Farbverlauf-füllen Sie einen gruppierten Pfad in SVG (durch css oder attr auf jQuery event)
4 Antworten
Wie kann ich eine Füllung Farbverlauf für eine <g> in ein SVG-Bild, anstatt füllen Sie alle <g>s in der ausgewählten <g>? In diesem Fall, würde ich mag, um zu zeigen, Afrika, gefüllt mit nur einem Farbverlauf von
how to make <svg> 100% Breite
1 Antworten
Ich versuche, diesen <svg> element Strecken zu 100% der Bildschirm Breite: <svg height="100" width="100"> <path d="M0 0 L100 0 L50 100 Z" /> </svg> Was muss ich tun? InformationsquelleAutor Marek | 2015-08-15
Die Hälfte gefüllter Kreis mit d3.js
3 Antworten
Ich versuche zu erstellen, die ein halb gefüllter Kreis mit d3.js wie diese. Ich finde nicht jedes Beispiel, wie es zu tun. Wie kann dies gemacht werden mit d3.js? InformationsquelleAutor baba-dev | 2013-07-07
Laden der SVG-Datei in javafx 2.0
5 Antworten
Ich würde gerne die Anzeige einer svg-Bild in javafx 2.0, aber ich finde nicht so etwas in der API. Ich denke, es ist, weil es noch in der beta. Bis die Finale Version, wie kann ich laden
Kann die Deckkraft / Transparenz einer SVG-Gruppe angepasst werden, zusammen?
2 Antworten
Ich habe eine SVG "g" - Objekt, das hat mehrere Komponenten. Würde ich gerne machen die ganze Sache teilweise transparent ist (z.B. alpha = 0.5) ich möchte auch dunkler zu sein, wenn möglich. Ich weiß, einzelne fill-Farben
Erweitern highcharts-renderer Symbole zu haben plus-Zeichen
2 Antworten
Wie kann ich verlängern highcharts-renderer-Symbol-Bibliothek, um eine "Plus" - Zeichen. verwenden Sie ein Bild api.highcharts.com/highcharts#plotOptions.area.marker.symbol Demo @ jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/... InformationsquelleAutor Jabran Saeed | 2014-12-18
Laden Qt-plugins wenn Sie einen Link zu Qt statisch?
2 Antworten
Ich versuche, SVG-Grafiken in QIcons. Ich habe eine statische Bibliothek, die enthält alle meine Grafik Ressourcen, und eine Methode, die statische Bibliothek, die gibt QIcons pre-loaded mit den richtigen Grafiken. Ich bin versucht, dies zu tun: QIcon
Wie skaliere ich eine SVG-polygon in ems?
2 Antworten
Ich bin einbetten eines <svg> - element direkt in einem HTML5-Dokument, und ich möchte zu skalieren einer sich wiederholenden hintergrund-Muster in Bezug auf die Seite ist die Schriftgröße. Kein problem, SVG unterstützt CSS-Einheiten, so kann ich nur
Inline-SVG-Datei aus einer Datei mit SASS
1 Antworten
Habe ich eine Datei namens test.svg, diese befindet sich im gleichen Ordner wie die sass-Datei. Möchte ich es als meine list-style-image, wie hier: list-style-image: url("data:image/svg+xml;<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'><text x='0' y='8'>x</text></svg>") Aber das heißt
Zeichnen von gekrümmten SVG-Pfeil-Linien von div zu div
2 Antworten
Ich will zeichnen Sie zwei gekrümmten Pfeil Linien mit SVG zu verbinden zwei Elemente zu zeigen, die Sie hin und her gehen, wie dieser: Ich ein bisschen gelesen habe, etwa SVG, aber ich bin mir nicht ganz
Warum nicht SVG Arbeit, die auf die lokale HTML-Dateien?
2 Antworten
Ich bin verwirrt. Wenn ich per browser (Chrome oder Safari auf OSX) auf dieser Website, es zeigt alle in der SVG-perfekt: http://emacsformacosx.com/ Nun, wenn ich die Quelle auf dieser Seite, kopieren Sie Sie und fügen ihn in
Zoom in SVG mit currentScale
2 Antworten
Habe ich eine web-Seite, in der es eine SVG-box <svg id='graph'>...</svg>. Möchte ich geben dem Anwender die Möglichkeit, die zoom-in der SVG-box. Ich für diesen Zweck verwenden document.getElementById("graph").currentScale*=2; wenn ich will, um die doppelte Größe der box,
Warum ist der filter(drop shadow) verursacht meine SVG verschwindet in Safari?
6 Antworten
Ich entwickle eine app mit D3.js. Ich war abgelenkt, für eine Weile, und vor kurzem kam zurück, um es. Heute habe ich festgestellt, dass, obwohl es hat gut funktioniert in der Vergangenheit, die SVG-Karte in der app
svg nicht scharf, sondern verschwommen
3 Antworten
Aus welchem Grund auch immer diese svg-Dateien, scheint verschwommen und nicht 100% scharf in allen Browsern. Diese sind svg-Dateien und sind umschlossen von Elementen, die so skaliert, Pixel, in andere Wörter, die mit px und nicht in
Wie vollständig ist die Unterstützung für SVG auf mobilen Geräten?
4 Antworten
Wie viel der SVG-Spezifikation wurde eingeführt, auf den verschiedenen mobilen Browsern? Sind dort viele bekannte Inkonsistenzen zwischen diesen Browsern? Gibt es irgendwelche Javascript SVG-Bibliotheken richtet sich an mobile Browser? Eine teilantwort hier : caniuse.com/#cats=SVG Wer noch ein
Raphael Papier-zoom-animation
4 Antworten
Ich habe einige hack, um zu vergrößern raphael-Papier, als setviewbox war nicht für mich arbeiten, hier ist die Funktion, die ich schrieb: function setCTM(element, matrix) { var s = "matrix(" + matrix.a + "," + matrix.b +
Wie schalten Sie die gzip-Komprimierung für SVG-Dateien im IIS?
1 Antworten
Habe ich eine web.config-Datei, die erfolgreich verwandelt statische Komprimierung für text und Nachricht Ressourcen. Doch die offensichtliche Lösung gezeigt unten nicht zu haben scheinen, die Auswirkungen auf .svg-Komprimierung (validiert, dass die gzip content-encoding nicht gesetzt im response-header
Wo finde ich eine gültige SVG-XML-Schema (für ecore-generation)?
1 Antworten
Ich habe versucht, den Import der SVG-XML-Schema in EMF, um die SVG-Metamodell in ecore. Aber der import nicht durch das schema nicht gültig: in der Tat, svg.xsd Referenzen XMLSchema.dtd, die selbst Referenzen - Datentypen.dtd, was es nicht
Wie erstellen Sie eine Form mit text in CSS3, SVG oder HTML(5)?
2 Antworten
Brauche ich zum erstellen einer HTML-Seite wie in der folgenden Abbildung dargestellt. Ich weiß nicht, wie man erstellen Sie klickbare Formen mit text. Der text soll nicht ein Bild sein und nicht größer als seine Fläche (wie
Ist die Pfad-animation möglich SVG.js
5 Antworten
Gibt es viele Beispiele von SVG-path-animation, sowohl nativ http://jsfiddle.net/FVqDq/ und mit Raphael.js http://jsfiddle.net/d7d3Z/1/ p.animate({path:"M140 100 L190 60"}, 2000, function() { r.animate({path:"M190 60 L 210 90"}, 2000); }); Wie ist das möglich, mit der svg.js Bibliothek? InformationsquelleAutor Stan
Fehler beim importieren von Vektor Asset in Android Studio
4 Antworten
Habe ich eine einfache play-button-Bild in Illustrator gespeichert als SVG verwendet ein online-SVG-Drawable-Konverter zum erstellen einer xml der Datei, und dann versucht, mit Hilfe von Android-Studio-Vektor Asset-tool zum importieren der Datei in mein Projekt. Jedoch die bei
SVG-Animation drehen-Gruppe rund um Ihr center
1 Antworten
Ich habe ein svg-Bild enthält einen Kreis, Gruppe und text-Gruppe. Der Kreis-Gruppe besteht aus mehreren Punkten. Dieser Kreis Gruppe sollte drehen sich um die kreismitte, aber es hält, drehen sich um die svg die linke Obere Ecke.