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 fügen Sie ein weiteres Symbol mit Anwohner Manfred Meier ohne herunterladen einer neuen Gruppe-Paket
2 Antworten
Ich benutze Anwohner Manfred Meier für einige icons auf meiner website. Wenn Sie den download von Anwohner Manfred Meier Sie liefern: .ttf .woff .svg .eot css-Datei mit @font-face to link alle zusammen Funktioniert alles mit, aber ich
update SVG-dynamisch
4 Antworten
Habe ich einige Objekte innerhalb des svg, die angeklickt werden können, durch den Benutzer. Gibt es eine Möglichkeit zu: - senden Sie Informationen über das Objekt (id), auf die geklickt wurde vom Benutzer an die 'Haupt-html-Dokument'? -
Benutzerdefinierte tick size auf Achse (d3js)
2 Antworten
Erstelle ich ein svg-x-y-Diagramm in d3.js. Ist es möglich, Zecken in verschiedenen Längen je nach tickValue? Ich habe mein eigenes tickFormat Funktion myTickFormat und verwenden Sie, dass in .tickFormat([format]) und das funktioniert, weil [format] wird erwartet, dass
Transparente Pfeil/Dreieck eingerückt
3 Antworten
Ich würde gerne eine transparente Pfeil auf ein Bild. Dieses Dreieck sollte eingerückt werden in einem semi-transparenten block und zeigen Sie das Hintergrundbild. Gewünschte Ausgabe: CSS: .barShow { background-color: #000; opacity: 0.5; } .barShow:before { top: 0%;
Konvertieren von PPT im SVG-Format mithilfe von Microsoft Office 2010 PIA
7 Antworten
Ich versuche zu konvertieren eine powerpoint-Präsentation zu trennen svg-Dateien (1 für jede Folie), Ist es möglich zu tun, indem Sie das Microsoft Office 2010 PIA ? Wenn dem so ist, dann ist es eine Einführung zur Verwendung
AngularJS, wie zum binden von Daten mit SVG-widget
2 Antworten
Ich weiß, dass dies normalerweise nicht die Art der Verwendung von AngularJS, aber ich Frage mich, ob das, was ich will, zu erreichen, ist machbar mit AngularJS. Wenn dies nicht der empfohlene Weg, könnten Sie bitte geben
Internet Explorer und clip-Pfad
2 Antworten
Soweit ich bin mir bewusst, clip-Pfad sollte im IE funktioniert, wie gezeigt, in vielen Artikeln und in diesem tutorial CSS Masking Allerdings kann ich nicht bekommen, die unten, um richtig laufen auf dem IE, aber es funktioniert
SVG-Dateien in Raphael, können Sie verwendet werden?
1 Antworten
Ich habe eine SVG-Datei, ich möchte die Anzeige über Raphael (jede svg-Datei ist ein Knoten in einem Baum, den ich versuche zu zeichnen, die tatsächlichen verbindungen der Baum wird von raphael). Ich habe versucht, so etwas wie:
Wie kann ich die Anzeige von SVG-Bild in Rails?
6 Antworten
Ich habe ein svg-Bild auf /app/asssets/Bilder/Symbole.svg mit diesem Inhalt. <svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-search" viewBox="0 0 18 18"><path fill="currentColor" d="M12.8 11.4c.9-1.2 1.4-2.7 1.4-4.3C14.2 3.2 11 0 7.1 0S0 3.2 0 7.1c0 3.9 3.2 7.1 7.1 7.1 1.6 0 3.1-.5
Die Verwendung von SVG in Windows Azure-Websites
1 Antworten
Weiß jemand, ob es möglich ist, fügen Sie die SVG-mime-Typs zu einer Windows Azure-Website? Ich habe versucht, mit einem web.config-Datei ist aber, dass nur brach meine website. Ist dies eine Einschränkung für das aktuelle Album oder bin
D3: Append dupliziert eine Auswahl
5 Antworten
Ich möchte erstellen Sie eine javascript-Funktion, die eine generische D3 Auswahl, und fügen Sie die Duplikate es ein SVG-Objekt. Hier ein minimal-Beispiel: <!DOCTYPE html> <meta charset="utf-8"> <body> <script src="http://d3js.org/d3.v3.min.js"></script> <script> svg = d3.select("body").append("svg") .attr("width", 300) .attr("height", 300);
SVG zeigt nicht auf iOS, Chrome und Safari?
2 Antworten
Aus irgendeinem Grund eine der SVGs ich habe in meiner Webseite nicht leisten, auf iOS Chrome oder iOS-Safari. Ein weiteres SVG, die ich für die wichtigsten logo macht absolut in Ordnung und Sie benutzen das exakt gleiche
SVG-alternativen?
6 Antworten
Lese ich beim Googeln, dass SVG war "tot". Obwohl ich nicht einverstanden, könnte mir jemand sagen, mehr/Zukunft Vektor-basiertes format zum darstellen von 2d - /3d-Grafik? Was ist VML? Welches format sollte ich verwenden zum darstellen von 2D-und
Dynamisch hinzufügen eines SVG Farbverlauf
4 Antworten
Habe ich diese SVG-container mit Pfaden. Ich möchte um es zu Bearbeiten, sodass die Pfade' zu füllen, werden ein Muster. Dies ist mein gescheiterter Versuch: Füge ich einen Farbverlauf: $('svg defs').prepend('<linearGradient id="MyGradient"><stop offset="5%" stop-color="#F60" /><stop offset="95%" stop-color="#FF6"
Wie man ein BufferedImage aus einer SVG?
3 Antworten
Ich bin mit Batik zu handhaben SVG-Bilder. Gibt es eine Möglichkeit zu einem java.das awt.Bild.BufferedImage aus einer SVG-Datei? Ich weiß, es gibt transkodierer, mit der könnte ich transcode die SVG in, zum Beispiel einer PNG-Datei und laden
Einstellung ein css-Hintergrundbild, um eine inline-SVG-symbol?
3 Antworten
Ich weiß, externe svg-Dateien können verlinkt werden, um hintergrund-Bilder: background-image: url(Icon.svg); und Symbole-id ' s können gezielt von einem externen svg-Datei: background-image: url(Icons.svg#Icon-Menu); aber wie kann ich ein Hintergrundbild einstellen, um eine inline svg-symbol? (Wie unten) Mein
Dreieck mit einer abgerundeten Ecke
5 Antworten
Möchte ich nur eine abgerundete Ecke eines Dreiecks mit aber ich bin nicht in der Lage, es zu machen. Hier ist mein code: CSS: .arrow-left { width: 0; height: 0; border-top: 80px solid transparent; border-bottom: 80px solid
illustrator Karte imagemap automatisch? oder gibt es eine bessere Möglichkeit?
3 Antworten
ich habe einen vector illustrator-Datei mit allen counties von Kalifornien, als verschiedene Pfade. ich brauche diese Kreise werden links zu anderen Seiten im Internet. gibt es eine Möglichkeit zum automatischen generieren einer html-imagemap aus dieser Datei? illustrator
Enthalten SVG-xml im Jade-Vorlage
3 Antworten
Ist es möglich, erstellen Sie eine Jade-mixin, die eine Datei liest aus der Datei-system, und hallt es in der gerenderten HTML? Habe ich versucht, dieses... mixin svg(file) - var fs = require("fs"); - var xml = fs.readFileSync(file)
Backen Transformationen in SVG-Path-Element-Befehle
4 Antworten
die tl;dr Zusammenfassung: Geben Sie mir die Ressourcen, oder helfen Sie den code unten, um " Pfad transformieren-Befehle für SVG <path> Elemente durch eine beliebige matrix. details: Ich Schreibe eine Bibliothek zum konvertieren von beliebigen SVG-Form in
Wie dynamisch die Anzeige eines mehrzeiligen text in D3.js?
1 Antworten
Brauche ich für die Anzeige einer mehrzeiligen text in einem SVG:Text mit D3.js. Sample-Daten sieht wie folgt aus und ich will auf die Anzeige "alle" den "Titel" unter einem einzelnen Knoten, für jeden Autor und nicht als
SVG-Skalierung in javascript
3 Antworten
Ich bin ziemlich neu im SVG-und ich bin stecken, wie groß die Skalierung einer Form innerhalb einer SVG-element. Kann mir jemand erklären warum Folgendes nicht funktioniert? Ich möchte scale-up der Kreis von 50%. Hier mein jsfiddle-Beispiel, die
Schweben und klicken Sie auf CSS-Dreieck
4 Antworten
Ich habe ein Dreieck mit einer javascript-Funktion, bewegt sich das Bild. Das Problem ist, dass das element hat eine quadratische Form, so Klick und hover-Zustand ausgelöst werden, außerhalb des Dreiecks (siehe Roter Rahmen im folgenden Bild) :
Was gute tiny oder basic SVG-Editoren gibt es?
2 Antworten
Ich bin in der Notwendigkeit einer guten editor für SVG-Vektorgrafiken zu erzeugen gültigen xml-entsprechend der Spezifikation des SVG Tiny-Profil. Ich würde es vorziehen, wenn das tool nicht open-source oder kostenlos, aber gute kommerzielle Werkzeuge sind ebenso willkommen.
svg-Datei nicht angezeigt, web-browser
2 Antworten
Ich habe eine graphics.svg - Datei mit folgenden code: <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="400" height="110"> <rect width="400" height="110" style="fill:rgb(0,0,255);" /> </svg> Wenn ich die Datei öffnen von web-browser(Firefox, Chrom), die
Wie wendet man die drop-shadow-filter per CSS SVG-spezifische element/Pfad
3 Antworten
Möchte ich zur Anwendung einer drop-shadow-filter auf ein bestimmtes element/Pfad innerhalb eines inline platziert SVG über CSS, ich nicht müssen die ganze Grafik beschattet werden, nur ein element drin. CSS: .shadow { fill: red; -webkit-filter: drop-shadow( 3px
contentDocument in jQuery
3 Antworten
Habe ich Folgendes js-script Zugriff auf Elemente in einem Objekt (SVG - <object data="bbbbbb.svg" type="image/svg+xml" id="alphasvg" width="100%" height="100%"></object> ) jQuery(document).ready(function($) { $(window).load(function () { var a = document.getElementById("alphasvg"); var svgDoc = a.contentDocument; var delta = svgDoc.getElementsByTagName("path"); $(delta).click(function()
d3js Tree square
2 Antworten
Möchte ich nutzen, d3.js zu bauen eine Ahnentafel Baum. Alle exemples, die ich gefunden habe sind die Präsentation von Bio-Bäumen. Gibt es exemples gibt, mit einem Stammbaum wie Stil ? InformationsquelleAutor gpasse | 2012-06-21
Konvertierung von SVG-Datei, zu XML-Datei
6 Antworten
Können Sie erklären, wie die Konvertierung von SVG-Dateien auf XML-Dateien? Ich bin mit design-tool(EB-guide), die erzeugt SVG-format (enthält state-Diagramm). Ich muss an dieser SVG-Datei, um die state-Diagramm im Enterprise architect UML-tool. Aber, EA-tool unterstützt keine SVG-Datei. also
Wie Sie einen link innerhalb einer svg-Kreis
3 Antworten
Die ich gezeichnet habe, einen Kreis mit svg. Dieser Kreis hat einen hover-Effekt. Ich würde gerne einen link hinzufügen in den Kreis und für die link-text, um Farbe zu ändern zusammen mit dem hover-Effekt. CSS: svg#circle {
Ändern Sie die Dicke eines SVG-Form
1 Antworten
Ich bin nicht vertraut genug mit svg-Zeichnung umwandeln können. Habe ich diesen Pfeil im SVG-format. Wie kann ich die erhöhen Sie die Dicke des Pfeils? HTML: <div style="width: 100px; height:100px;"> <svg viewBox="0 0 100 100"> <path d="M
Interaktive Weltkarte markieren Ländern auf mouseover
5 Antworten
Brauche ich zum erstellen einer interaktiven Weltkarte auf der ersten Seite der Website, die view portal wird über 650x200 Pixel. Die Interaktivität beinhalten die folgenden, mit der Maus über ein Land hervorheben würden (die Länder werden buchstäblich
CSS :bevor auf inline-SVG
1 Antworten
Update Dank porneL für den Hinweis auf das Verhältnis zwischen den generierten Inhalt und ersetzt Elemente. Ich fand diesen Artikel, die sich mit genau diesem Thema: http://red-team-design.com/css-generated-content-replaced-elements/ Interessant genug, eine W3C-Dokument mit dem Titel "CSS3 Generiert und
Ersetzen von d3.Transformation in D3 v4
6 Antworten
In D3.js v4 bei der d3.transform-Methode entfernt wurde, ohne jeden Hinweis darüber, wie Sie zu ersetzen. Weiß jemand, wie ersetzen Sie die folgenden D3.js v3 Anleitung? d3.transform(String).translate; was hast du mit d3.transform() für? Analysieren Sie die Werte
SVG-Skala Animation von Center-Point statt der Oberen Linken Ecke
1 Antworten
Wie verwende ich animateTransform in eine SVG skalieren Sie ein Objekt vom Mittelpunkt statt der oberen linken Ecke? Beispiel: <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="100px"> <circle style="fill:blue;" cx="50" cy="50" r="45"> <animateTransform attributeName="transform" type="scale" from="0 0" to="1 1"
So aktualisieren Sie die Füllfarbe auf vorhandene svg-Elemente mit d3.js?
1 Antworten
So, ich bin versucht, eine Karte von einem .svg-Datei produzierte ich mit Illustrator, weil es eine Karte von den Niederlanden nicht so einfach Regionen. Alle Regionen haben Ihre eigene #ID. Nun versuche ich die Farbe jeder region
SVG-rendering in eine PyGame Anwendung
8 Antworten
In einem pyGame Anwendung, ich möchte render-Auflösung-free-GUI-widgets beschrieben, die in SVG. Was Werkzeug und/oder die library kann ich verwenden, um dieses Ziel zu erreichen ? (Ich mag die OCEMP GUI toolkit, aber es scheint zu sein, bitmap-abhängigen
Verwenden Sie base64-svg-Bild als css content-Quelle
2 Antworten
Ich versuche zu verwenden, da css Inhalt und Bild (base64), aber wenn ich das laden der Seite geladen wird, wie eine kaputte link Bild. Nun, ich bin mit einer website und laden Sie die base64-image, und das
Ändern SVG-Pfad Deckkraft und es ist marker
3 Antworten
Ich versuche, einige änderungen vornehmen, um einen Pfad, definiert mit D3 programmgesteuert. Die änderung, die ich machen möchte ist ganz einfach, ändern Sie die Deckkraft der Pfad. Das problem, das ich habe ist, während der Pfad sich
ändern SVG-text-css Zeilenumbruch
4 Antworten
Dem folgenden code wird verwendet, um zeigen die Beschriftungen der javascript-Baum-Diagramm. nodeEnter.append("svg:text") .attr("x", function(d) { return d._children ? -8 : -48; }) /*the position of the text (left to right)*/ .attr("y", 3) /*the position of the text
Halten Sie ein SVG-Objekt statisch beim scrollen
4 Antworten
In meinem web-Anwendung, ich bin die Generierung einer SVG-Datei enthält einen "header", die ich gerne halten würde, sehen Sie am oberen Rand des Fensters, wie der Benutzer scrollt das Bild. Ich denken kann, zwei Möglichkeiten, dies zu
Wie greifen Sie ein array von Objekten mit D3?
1 Antworten
Ich habe ein D3-Diagramm, wo ich versuche zu analysieren, eine inline-JSON-formatierten array statt dem laden der Daten von extern. Zu tun, anstatt etwas wie dies: d3.json("data/tsx.json", function (error, data) { data.forEach(function (d) { d.dateOrig = d.date; d.date
Mit SVG als background-image
3 Antworten
Ich kann nicht scheinen, um dieses zu erhalten, wie gewünscht. Meine Seite ändert sich die Höhe basiert auf dem, was Inhalt geladen ist, und wenn es erfordert eine schriftrolle, die svg scheint nicht zu dehnen... CSS: html
SVG, text , schriftart mit fester Breite/Höhe
1 Antworten
Ich versuche eine SVG 'text' - element Montage innerhalb eines svg 'rect' - element. Im Beispiel unten habe ich eine monospace-text 5 chars mit einer font-Größe von 100px und ich erwartete, haben ein umschließendes Rechteck nahe an
Müssen die Geschwindigkeit meiner SVG. Könnte ich konvertieren, um WebGL oder canvas?
3 Antworten
Habe ich eine SVG-Zeichnung mit 10138 Teile, so dass es langsam ausgeführt wird. Ich will es mehr wie http://workshop.chromeexperiments.com/globe Hier sind die Lösungen/Fragen, die ich überlege mir Gibt es eine Möglichkeit zu haben, die SVG-Teile Rendern in
Entfernen von "Polsterung" von SVG?
2 Antworten
Ich habe eine SVG-Grafik, zeichnet einen Kreis. Wenn ich ihm eine background-color mit CSS, ich erwartete es, um zu zeigen, nur in den Ecken, weil Sie CSS-Elemente sind nie Runde (ja, ja, border-radius...) - so lege ich
IE11 mit svg als background-image schlägt fehl
4 Antworten
Ich bin vor ein seltsames problem mit Internet Explorer 11 unter Windows 10 Maschine. Mit einem SVG-Bild als hintergrund-das ist, scheint völlig schwarz, Rand mit dem gleichen code funktioniert. Hier ein wenig Geige reproduzieren mein problem Mithilfe
Füllen Sie eine SVG-Form mit einem Farbverlauf
3 Antworten
Wie kann ich mich bewerben für einen Linearen Farbverlauf oder Schlagschatten, um dieses Muster? HTML: <svg viewbox="0 0 60 10"> <pattern x="-8" id="waves" patternUnits="userSpaceOnUse" width="10" height="10"> <path d="M0 10 V5 Q2.5 3.5 5 5 T10 5 V10"
Wie skaliere ich ein SVG-hintergrund-Bild ohne Ehren-Seitenverhältnis in Firefox?
2 Antworten
Habe ich eine CSS - background-image legen Sie auf ein element der Flüssigkeit, die Höhe und Breite. Es ist ein SVG, und das beabsichtigte Verhalten ist, für es zu Strecken in beliebige Richtungen, die zur Deckung der
Reagieren Native Anzeige von SVG aus einer Datei
3 Antworten
Wie kann ich ein SVG-Bild, dass ich require() im Reagieren Nativen. https://github.com/brentvatne/react-native-svgkit Ist nicht unter der aktiven Entwicklung. https://github.com/magicismight/react-native-svg Nicht herausfinden können, wie, eine Datei zu laden. WebView (oder Überbrückt WebView) nicht herausfinden Können, wie das laden