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.
Wie man kreisförmigen Fortschritt (Kreisdiagramm) wie Indikator erzeugt
5 Antworten
Habe ich um die Fortschritte zu zeigen Diagramme genau in der folgenden Weise, wo der Prozentsatz wäre die in der Mitte des kreisförmigen graph Wie kann ich das mit javascript/jQuery? Es kann getan werden, mithilfe der Google
Raphael JS - Verwenden Sie eine SVG-Datei
3 Antworten
Habe ich gesehen, dass mehrere threads, die Adresse diese Frage, aber nichts, was wirklich löst mein problem. Ich habe eine SVG-Datei mit einer Karte und somit Regionen ( http://www.mediafire.com/?5pmyevdwbyrb51f ). Ich will tun, tun Sie etwas wie
Pfad-Kind in SVG mit Javascript anhängen
2 Antworten
Guten Tag, Ich bin mit unglaublichen Schwierigkeiten bei der Erstellung einer Weg und die Anzeige mit "appendChild" in ein SVG-element. Habe ich, fehlt etwas kritisch einfach, wie ich gegossen haben über die W3C-specs, w3schools.com verschiedene Beiträge hier
d3.js zum dynamischen Hinzufügen von Knoten zu einem Baum
2 Antworten
Ich bin mit einem d3.js Baum, und möchte hinzufügen, Knoten dynamisch, eher als pre-laden der gesamten Baum. Wie würde ich es ändern Sie den folgenden, um dynamisch hinzufügen zusätzliche JSON-Knoten, wenn ein Knoten angeklickt wird? (siehe link
Wie platziere man Pfeilspitzen auf SVG-Linien?
1 Antworten
Ich bin neu im SVG-Format und ich bin versucht, zu eine gerade Linie zwischen zwei Punkten. Ich schaffte es bisher mit diesem Befehl: <line x1="50" y1="50" x2="150" y2="150" style="stroke:rgb(255,255,0); stroke-width:2" stroke-dasharray="5,3" />" Was ist der einfachste Weg,
Wie füge ich ein font awesome icon in meine svg ein?
2 Antworten
Ich habe eine svg, die Bilder enthält: <g><image id="myImage" class="myClass" x="12" y="15" width="10" height="10" xlink:href="/images/pic.png"/></g> Wie Ersetze ich die Zeile w/ein font awesome icon: <g><i class="icon icon-cloud-download" x="12" y="15" width="10" height="10"></i></g> scheint nicht zu funktionieren, da das
D3 Auswählen eines Elements in einem SVG
2 Antworten
Ich versuche zu erstellen, ein paar Grafiken in D3. So weit Liebe es, aber ich bin immer ein wenig stecken. Ich möchte einem Bereich zu halten, die Daten-Punkte und ein weiteres halten der Achse und labels. Ich
Wie konvertiert man x, y Koordinaten in einen Winkel?
5 Antworten
Microsoft bieten eine hervorragende SVG Farbverlauf maker also mit dem IE9 kann auch "CSS3" - Gefälle (klicken Sie auf Benutzerdefiniert). Ich derzeit nutzen Ihre Logik für meine Feuerwerk und Dreamweaver Erweiterungen zu konvertieren Gradienten im SVG-Format, aber
SVG Schlagschatten mit CSS3
4 Antworten
Ist es möglich, drop-Schatten für ein svg-element mit css3 , so etwas wie box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Sah ich einige Bemerkungen über die Erstellung von Schatten mit filter-Effekten. Gibt es ein
Fügen Sie ein SVG (gehostet auf github) in MarkDown hinzu
7 Antworten
Weiß ich, dass Sie ein Bild in eine MD mit MD-syntax entweder  oder aber ich habe Schwierigkeiten mit der Erteilung eines SVG in MD, wo sich der code befindet sich auf Github.
Ist es möglich, HTMLs .querySelector () zu verwenden, um nach xlink-Attribut in einem SVG zu wählen?
3 Antworten
Gegeben: <body> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <a xlink:href="url"></a> </svg> </body> Ist es möglich, die HTML-DOM .querySelector() oder .querySelectorAll() wählen Sie den link in der SVG durch den Inhalt seiner xlink:href Attribut? Dies funktioniert: document.querySelector('a') //<a xlink:href="url"/> Diese nicht:
Was sind einige Optionen zur Optimierung von SVG?
7 Antworten
Habe ich mehrere SVGs, einige von Ihnen ziemlich groß (11MB) und Sie sind erstellt aus einem PDF-Dokument mit pdf2svg. Das problem ist, dass der SVG ist zu groß, braucht lange Zeit, um zu öffnen, und ist unnötig
Fügen Sie ein Hintergrundbild (.png) zu einer SVG-Kreisform hinzu
5 Antworten
Ist das möglich? Das folgende ist, was ich versucht, aber es vollständig füllt den Kreis mit schwarz. <svg id='vizMenu' width="700" height="660"> <defs> <filter id="dropshadow" height="130%"> <feGaussianBlur in="SourceAlpha" stdDeviation="2"/> <feOffset dx="0.5" dy="0.8" result="offsetblur"/> <feMerge> <feMergeNode/> <feMergeNode in="SourceGraphic"/> </feMerge>
Wie man den Ursprung in SVG transformiert
5 Antworten
Brauche ich zum ändern der Größe und drehen Sie bestimmte Elemente im SVG-Dokument mit javascript. Das problem ist, standardmäßig, es gilt immer das transformieren, um dem Ursprung in (0, 0) – oben Links. Wie kann ich mich
Transparentes Hintergrundnetz SVG
1 Antworten
Ich versuche, ändern Sie den hintergrund der SVG-code für transparent, ohne Erfolg. Ich bin neu im SVG-Format und ich kann das irgendwie nicht finden, die Lösung auf google, kann jemand helfen? demo:http://jsfiddle.net/kougiland/SzfSJ/1/ <svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px" viewBox="0
Zugreifen auf d3.js-Elementattribute aus dem Datum?
3 Antworten
Ich versuche, auf die cx - & cy Attribute einige spezielle svg-Kreise, die ich bereits gezogen, um den Bildschirm mit d3.js's .data () - Funktion, kann jemand helfen? Der code, der versucht, Zugriff es unten ist. d3.selectAll(".mynode").each(
Wie Sie Links in einer eingebetteten SVG-Datei im Hauptfenster öffnen, nicht in einem separaten Objekt
1 Antworten
Ich habe eine SVG-Datei (erzeugt mit Graphviz) enthält URL-links. Ich möchte diese links angeklickt werden. Zuerst habe ich versucht <img src="path/to/my.svg"/> zeigt das Bild in Ordnung, aber die links sind nicht anklickbar. Wechsel zum Objekt: <object data="/path/to/my.svg"
Dimension eines Pfades in SVG abrufen
2 Antworten
Ich brauche, um die dimension auf den Bildschirm, der ein <Pfad> in einem SVG von JavaScript. Ich habe keine "transformation" oder "Skalierung" (transformieren, skalieren) auf meinem SVG. Das einzige, was sich verändert hat, ist die viewBox, das
Kreiszeichnung mit dem Bogenweg des SVG
13 Antworten
Verwenden die folgende SVG-Pfad zeichnen kann, die zu 99,99% von einem Kreis: (versuchen Sie es auf http://jsfiddle.net/DFhUF/46/ und sehen, wenn Sie sehen, 4 Bögen oder auch nur 2, aber beachten Sie, dass, wenn es ist, DH, es
SVG-Sprite in der externen Datei
2 Antworten
Bin ich mit einem icon-system für meine Anwendung mit SVG-Sprites erstellt von IcoMoon-App. In index.html ich habe jetzt so etwas wie dieses: <html> <head>...</head> <body> <svg display="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="752" height="80" viewBox="0 0 752 80"> <defs>
Problem auf Real Device mit Vektorbild in Android. SVG-Android
2 Antworten
Benutze ich svg-android.jar aus https://github.com/pents90/svg-android bei seiner Arbeit, in Ordnung, aber nur auf emulator-Geräte in eclipse. Agrrrr. Auf echten Geräten es nur leere imageView auf dem Bildschirm. hier ist mein code: SVG svg = SVGParser.getSVGFromResource(getResources(), R.raw.test); Drawable
Tint Bild mit CSS ohne Overlay
5 Antworten
Ist es möglich den Farbton eines Bildes mit einer bestimmten Farbe mit CSS ohne eine überlagerung in einem WebKit-browser? Fehlversuche Geschafft, Tönung, das Bild mit einem sepia-oder eine beliebige Farbe mit hue-rotate aber konnte nicht einen Weg
SVG triggert Animation mit Ereignis
1 Antworten
wie kann ich das auslösen eines svg animate-element zu beginnen Animation via javascript mit einer beliebigen Veranstaltung ? Ich mir vorstelle, so etwas wie begin="mySpecialEvent", dann später kann ich senden mySpecialEvent und die animation starten (oder wieder
Mobile Safari SVG Problem
8 Antworten
Ich versuche, das ein SVG-Bild zu zeigen, bis auf mein iPhone (oder iPad) Standard-browser, aber ich kann nicht scheinen, um auch nur ein rect zu zeigen. Beispiel: http://www.invalidpage.com/svg/svgtest.html Quelle: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/html1/DTD/xhtml1-strict.dtd">
HTML5 Canvas vs SVG vs div
8 Antworten
Was ist der beste Ansatz für die Erstellung der Elemente auf der fly und in der Lage sein, um Sie bewegen? Zum Beispiel, sagen wir, ich möchte erstellen Sie ein Rechteck, Kreis und polygon und wählen Sie
Beste Möglichkeit, SVG-Inhalt in HTML zu platzieren
2 Antworten
Aus meiner Forschung, ich verstehe, es gibt drei Möglichkeiten, um eine svg-Datei in HTML: mit einbetten: <embed src="plot1.svg" width="500" height="320" type="image/svg+xml" /> mit Objekt: <object data="plot1.svg" width="500" height="320" type="image/svg+xml" /> mit iframe: <iframe src="plot1.svg" width="500"
D3 Anhängen von Text an ein SVG-Rechteck
2 Antworten
Ich bin auf der Suche Anhängen html auf ein Rechteck in D3 geben Sie mir einen mehrzeiligen tooltip. Der untere Teil ist, wie ich hinzufüge, ein Rechteck, welches vielleicht ein Teil des Problems. Das oben ist der
SVG Scaling Text passend zum Container
2 Antworten
Dies ist wahrscheinlich eine sehr einfache Frage, aber wie bekomme ich text in SVG zu Strecken, um seine container? Ist mir egal, wenn es sieht hässlich aus gedehnt zu lange oder zu hoch, aber es muss passt
SVG-Elemente dynamisch mit JavaScript in HTML erstellen
2 Antworten
Erstellen Sie ein Rechteck innerhalb einer HTML-Seite, dann schreiben Sie text auf das Rechteck. Ich brauche auch diesen text zu einem hyperlink. Dies ist, was ich Tat, aber es funktioniert nicht: <!DOCTYPE html> <html> <body> <script> var
Gibt es eine Möglichkeit, SVG als Inhalt in einem Pseudoelement zu verwenden: before oder: after
5 Antworten
Möchte ich einige SVG-Bildern, bevor einige ausgewählte Elemente. Ich bin mit JQuery aber das ist irrelevant. Ich hätte gerne die :before-element: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Wenn ich es
Wie bekomme ich die Bounding Box für das Element div in jquery?
3 Antworten
möchte ich berechne bounding-box für div-element per jquery/javascript. ich habe versucht, wie diese . //Left side of box document.getElementById("myElement").offsetLeft; //Top side of box document.getElementById("myElement").offsetTop; //Right side of box document.getElementById("myElement").offsetLeft + document.getElementById("myElement").offsetWidth; //Bottom side of box document.getElementById("myElement").offsetTop +
Wie lade ich ein externes JavaScript-Skript in ein (reines) SVG-Dokument?
4 Antworten
Habe ich ziemlich großen script in eine .svg-Datei und ich möchte, um es aus der CDATA-Abschnitt in eine externe Datei. Wie dies zu erreichen? Den HTML-regelmäßig nicht funktioniert: <script type="text/javascript" src="Track_animation.js" /> Den Unterlagen, die ich finden
Fügen Sie den HTML-Code in das SVG Text-Element ein
4 Antworten
Ich habe eine svg:text-Knoten, und ich will hinzufügen von HTML-code. Tatsächlich, mein code ist: <text x="10" y="54" text-anchor="start" class="barLegend">Hello!</text> Und ich möchte so etwas wie dies: <text x="10" y="54" text-anchor="start" class="barLegend"><a href='www.gmail.com'>Gmail</a></text> Ich möchte natürlich, dass der
JavaScript createElement und SVG
4 Antworten
Ich möchte zu erstellen, die inline-SVG-Grafiken mit Javascript. Jedoch, wie es scheint, createElementNS Funktion gilt eine Normalisierung und verwandelt alle tags in Kleinbuchstaben um. Das ist gut für HTML, aber nicht für XML/SVG. Die NS die ich
Wie zeige ich einen Bootstrap-Tooltip mit einem SVG-Objekt an?
2 Antworten
Ich werde verrückt, versuchen zu verstehen, warum kann ich zeigen tooltips auf den regulären HTML-Elementen, aber nicht auf die D3-generierten SVGs: http://jsfiddle.net/nachocab/eQmYX/5/ Was mache ich falsch? $(document).ready(function () { $("a").tooltip({ 'placement': 'bottom' }); //this works $("my_circle").tooltip({ 'placement':
SVG koordiniert mit der Transformationsmatrix
2 Antworten
Ich möchte, um die Funktionalität zu implementieren, wie svg-edit rectangle-element Drehen Rechteck Größenänderung Ziehen Drehen der SVG-Rechteck funktioniert es einwandfrei, aber wenn ich will, um die Größe des Rechtecks hat es ein problem. Die Koordinaten sind nicht
Beispiele für Polygone, die von Pfad gegen Polygon in SVG gezeichnet werden
1 Antworten
Ich würde gerne lernen, SVG, und versuche zu lernen, wie das gleiche Bild gerendert werden kann, indem entweder der Punkt (mit polygon) oder dynamisch durch Pfade (path). Ich würde gerne ein paar Beispiele für das GLEICHE polygon
Wie setze ich eine Strichbreite: 1 nur auf bestimmten Seiten von SVG-Formen?
2 Antworten
Einstellung einer stroke-width: 1 auf eine <rect> - element in SVG platziert einen Strich auf jeder Seite des Rechtecks. Wie kommt ein Ort, ein Schlaganfall-Breite auf nur drei Seiten einer SVG-Rechteck? InformationsquelleAutor der Frage user782860 | 2012-01-23
Generieren von PDFs aus SVG-Eingabe
3 Antworten
Ich versuche zu generieren, die eine PDF-Datei aus dem SVG-input-Datei mit dem Python in einer Django-Anwendung. Habe ich auch schon gefunden 2 Werktagen-Lösungen: Kairo+rsvg-und imagemagick-aber Sie haben beide ein problem: Sie haben einige seltsame Abhängigkeiten, die ich
SVGZ-Dateiformat
3 Antworten
Arbeite ich im SVG-und einfach nur Lesen, über die komprimierte Datei 'SVGZ-format. Denn es macht unserem Datei-Größen viel kleiner, und ich bin ziemlich scharf auf Sie es in unsere web-Anwendung, jedoch ist der Browser nicht erscheinen, der
Scaling SVG (Raphael.js) wie ein SWF
5 Antworten
Begann ich mit Raphael.js vor ein paar Tagen und ich bin wirklich genießen es. Das einzige, was ich noch nicht in der Lage, um herauszufinden, ist, wie die "Papier" - oder svg/vml-tag, um zu füllen das browser-Fenster,
Wie kann ich ein Doppelklick-Ereignis auf Knoten in d3.js machen?
1 Antworten
Ich machen will-Doppelklick event auf Knoten. Also versuchte ich .on("dbclick",function(d){return "http://google.com");}); und .bind({"dbclick",function(d){alert("hello")} }); Aber alle gescheitert. Kann mir jemand helfen? Vollständigen codes sind weiter unten. var node = svg.selectAll(".node") .data(graph.nodes) .enter().append("g") .attr("class", "node") //.on("dbclick",function(d){return "http://google.com");}); //.attr("xlink:href",
Hängen Sie Ereignisse an SVG-Pfade an
1 Antworten
Habe ich eine SVG-Karte in mein html mit der <svg> tag. und ich möchte anfügen Ereignisse, so kann ich anklicken und auslösen einige Ereignisse. Ich weiß, ich kann Anhängen klicken Sie auf Ereignis mit jQuery auf polygon-Elemente.
Fügen Sie dem Knoten "d3" ein Textlabel hinzu, um das gerichtete Diagramm zu erzwingen und die Größe bei Hover zu ändern
1 Antworten
Ich versuche, fügen Sie text-label der Knoten in d3 Force-Directed Graph, es scheint ein Problem zu sein. Dies ist mein Fiddle: Wenn ich den node-Namen wie diese: node.append("text") .attr("class", "word") .attr("dy", ".35em") .text(function(d) { console.log(d.name); return d.name;
Ändern Sie die SVG-Füllfarbe in: before oder: after CSS
1 Antworten
Ich habe eine SVG-Grafik setzen, wie diese: a::before { content: url(filename.svg); } Wenn ich den Mauszeiger über den tag, ich will wirklich die SVG-ändern Sie die Füllfarbe, ohne das laden einer neuen SVG-Datei, wie ich jetzt: a:hover::before
Wie man auf SVG Elemente mit Javascript zugreift
3 Antworten
Ich bin Herumspielen mit SVG-und ich hatte gehofft, ich könnte erstellen von SVG-Dateien in Illustrator-und access-Elemente mit Javascript. Hier ist die SVG-Datei in Illustrator-kicks aus (Es scheint auch hinzufügen einer Last von junk an den Anfang der
Sind Photoshop-ähnliche Mischmodi in HTML5 möglich?
10 Antworten
Will ich eine rote rechteckige <div> element über meine Webseite, so dass es Aussehen würde, die nicht nur transparent, sondern auch wie blended Photoshop Multiplizieren-Modus. Den <div> hätte position: fixed, sodass der Inhalt darunter würde sich das
Wie man SVG-Text-Tag mit Javascript innerHTML ändern
2 Antworten
war ich mit raphaeljs , und ich will zeigen, "html" (nicht nur Texte) in svg, also ich benutze diesen code : var r = Raphael("holder", 200, 300); var t = r.text(10, 10, "ssdwqdwq"); t.node.innerHTML='dddd' aber ich kann
Flip-Svg-Koordinatensystem
7 Antworten
Gibt es eine Möglichkeit, klappen Sie das SVG-Koordinatensystem so, dass [0,0] ist in der linken unteren statt die oberen Links? InformationsquelleAutor der Frage Nippysaurus | 2010-10-02