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.
1
Antworten
Habe ich eine einfache svg-element, <svg height="100" width="710"> <rect width="700" height="50"/> <rect width="70" height="50" style="fill: rgb(0, 0, 255);"> <text y="0" style="fill: white;">-0.123994</text> </rect> <rect width="70" height="50" style="fill: rgb(255, 0, 0);" transform="translate(630,0)"> <text y="50">0.387869</text> </rect> </svg> Warum nicht
1
Antworten
<svg></svg> http://jsfiddle.net/c6SW6/ Es korrekt funktioniert in Chrome, aber ich kann nicht scheinen, um das svg-element umfassend zu erweitern, egal was ich versuche. Irgendwelche Gedanken? Die SVGSVGElement unterstützt nicht die ein-Prozent-Wert für das width-Attribut, obwohl die meisten Browser
1
Antworten
Hallo, im moment bin ich versucht zu integrieren, SVG, wie die Haupt-display-format für meine Anwendung. Allerdings fand ich ein ziemlich seltsames Verhalten, wenn es um die Sichtbarkeit Attribut. Angesichts dieses Beispiel: <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <g id="visibility-test"> <rect
1
Antworten
Stieß ich auf Folgendes problem, hoffe jemand wird wissen, wie um mir zu helfen: Arbeite ich mit der JavaScript-Bibliothek Raphael. Nun, was ich tun möchte ist, wenn ich viele Raphael SVG-Elemente, einfach wählen Sie mehrere Elemente mit
1
Antworten
Ich bin in der Lage zu zeichnen Blasendiagramm in d3.js. Auch wenn ich klickte auf jedem Kreis, ich bin immer Warnmeldungen. Aber wenn ich klickte außerhalb der Kreisfläche,ich bin noch immer Warnmeldungen. Ich will nicht anklickbaren Bereich
2
Antworten
Ich versuche zu skalieren svg auf die volle Größe des browser-Fensters. Das svg-Objekt ist innerhalb eines div mit Höhe und Breite auf 100% gesetzt Ich habe versucht, das Spiel mit der viewBox innerhalb der svg-ohne Erfolg. Dem
2
Antworten
Ich versuche, etwas zu einer Seite, wo eine Rakete folgt einem vorgegebenen Weg, die Schlangen, bis die Seite (die Seite wird geladen unten) als der Benutzer scrollt. Kann ich animieren, ein element entlang eines Pfades mit so
5
Antworten
verwende ich Symbole für Etiketten -, aber ich sah diese website: www.fontello.com wo können Sie schriftart mit Symbolen. Aber wenn ich font mit icons, ist es größer als alle meine icons, denn es ist svg, ttf, woff
4
Antworten
Ich versuche zu öffnen, diese Seite in IE: http://www.petercollingridge.co.uk/data-visualisation/interactive-svg-map aber irgendwie ist es nicht die die SVG. wie bekomme ich es auf Arbeit mit dem IE? mögliche Duplikate von Wie man SVG-Arbeit mit dem IE? InformationsquelleAutor l--''''''---------''''''''''''
3
Antworten
Ich analysiert eine transform-Attributs aus einem element in einer SVG-Datei so etwas wie rotate(45,30,50) und ich möchte, um es zu transformieren, um matrix zu bilden. Ich suchte ihn und ich konnte gefunden, ist nur für rotate(a) mit
5
Antworten
Hab ein Problem mit der Erzeugung ein .SVG-Datei mit Python ist3 und ElementTree. from xml.etree import ElementTree as et doc = et.Element('svg', width='480', height='360', version='1.1', xmlns='http://www.w3.org/2000/svg') #Doing things with et and doc f = open('sample.svg', 'w') f.write('<?xml
1
Antworten
Ich möchte, um eine Entscheidung Baum in D3.js und das hinzufügen von text auf den link. <!DOCTYPE html> <meta charset="utf-8"> <body><script src="../d3-master/d3.min.js"></script> <head><link rel="stylesheet" type="text/css" href="../D3css/D3css.css"></head> <script> var margin = {top: 20, right: 20, bottom: 30, left:
1
Antworten
Sozi ist ein inkscape-Erweiterung, mit der Prezi-wie schwenken, Zoomen der svg-Datei bei der Anzeige in einem svg-fähigen web-browser. Ein youtube-video eingebettet werden kann in eine Prezi, und ich möchte in der Lage sein, um das einbetten eines
3
Antworten
Also ich habe eine einfache SVG-element (unten kopiert), und ich möchte, um text anzuzeigen (die derzeit innerhalb der data-label Attribut), wenn das Rechteck mit der bar Klasse schwebte über. <svg width="511" height="15"> <rect fill="#555555" height="15" stroke="#000000" width="510"></rect>
1
Antworten
Ich versuche, ein Rechteck teilweise transparent ist, wo der linke Teil ist undurchsichtig, während der Rechte Teil ist mehr transparent, wenn Sie in die Richtung gehen. Dies funktioniert in Firefox aber nicht in Internet Explorer 7 oder
2
Antworten
Bei der Implementierung einer SVG-sprite, ein <svg> element erstellt wird, und svg-Elemente referenziert werden, die über die <use> element. Die mit <svg> element ist dann versteckt mit style="display: none;" Dem clip-Path-Attribut nicht machen, aber der Pfad ist.
3
Antworten
Ich bin auf der Suche nach einem guten plugin, um leicht Zoomen und schwenken ein vorhandenes SVG-Bild. Ich bin schon mit einem plugin namens Jquery.panzoom und es funktioniert gut, aber beim Zoomen der SVG verliert an Klarheit
4
Antworten
Ist es irgendwie befestigen Sie eine textInput-oder Tastendruck (oder auch jeden anderen text-input) event für ein SVG-Element beim ausführen von SVG in HTML in einem browser? Kann ich anfügen, einen eventhandler zu dokumentieren.documentElement aber es passiert nichts,
2
Antworten
Ist es möglich, eine ansprechende path mit SnapSVG? Ich gebaut habe, die folgenden experiment auf CodePen, jeden, den ich will meine path zu reagieren. Baue ich meinen Pfad mit dem folgenden code auf Linie 9 meiner Feder:
3
Antworten
Ich versuchen, fügen Sie ein svg-Bild in eine rect - element in einem svg-Bild mit d3 und versuchen chart.selectAll("rect.bar") .each(function(datum, index) { d3.select(this) .append("svg:image") //..some attributes }); Dieser fügt <image> um den dom, aber das Bild nicht
1
Antworten
Belows sind codes. Oder versuchen, diese(vorübergehend): http://ihome.ust.hk/~cs_lyfac/svgQuestion/a.html Wenn Sie die EINGABETASTE drücken, es ist gut und svgDocument Objekt alarmiert. Aber wenn Sie es aktualisieren, ist es undefiniert. Warum? Darüber hinaus ist es immer undefiniert, wenn im lokalen
1
Antworten
Ich nutze Highcharts und ein Diagramm zeichnen. Möchte ich hinzufügen, dass "export to PNG" - option, die beide enthält Highcharts-Graphen und äußeren div. Bei der Verwendung von Highcharts-export, ich bin nicht in der Lage zur Beurteilung der
2
Antworten
Möchte ich Sie zum anpassen der Abmessungen in einem SVG-Element, um seinen Inhalt. JSfiddle: http://jsfiddle.net/4pD9N/ Hier habe ich ein Beispiel. Die SVG sollte 'schrumpfen' zu passen, um die Elemente + 10px Abstand auf jeder Seite. In anderen
1
Antworten
Ich bin versucht die Skalierung zu ändern, und dann die Ausgabe zu einem anderen Bild-format. Bisher habe ich mit der apache batik Bibliothek. Für einfache Umstellung, ist dies ganz einfach. Für die Beschneidung der svg, das ist
1
Antworten
Ich habe versucht zu tun, ein hello world für die svg-manipulation mit javascript in HTML. Ich habe geschrieben, die folgenden code und obwohl es erzeugt die richtige html -, sehe ich keine Ausgabe im browser, noch sehe
1
Antworten
Ist es möglich, SVG-Bild als die base-Karte für leaflet.js ? In meinem Fall habe ich große svg-Datei, und ich möchte es meinen Benutzern, alle der Packungsbeilage Funktionen wie zoom, Marker, Schichten. InformationsquelleAutor amitdar | 2016-01-20
1
Antworten
Ich versuche zu animieren stroke-dasharray mit Druckknopf.svg aber nicht, dass es funktioniert: nichts passiert. Das Ziel ist, zu animieren, eine gerade Linie in eine gestrichelte Linie. SVG <svg> <line fill="none" stroke="#008D36" stroke-width="2" stroke-miterlimit="10" x1="175" y1="153" x2="175" y2="21"
1
Antworten
habe ich zwei Maschinen. eine mit einem "gesperrt" ie9 ... und die andere, die ist nicht gesperrt, die von unserer Gruppe Richtlinien. ich versuche, herauszufinden, was der ie 9 Einstellung verhindert, dass meine gesperrten Maschine aufgefordert wird,
4
Antworten
Ich bin mit d3 zu zeichnen Sie ein UML-Diagramm und möchte Zeilenumbruch innerhalb der Formen gezeichnet mit d3. Ich habe soweit den code unten und kann nicht eine Lösung finden, um den text " fit " innerhalb
2
Antworten
Habe ich eine Reihe von SVG-Pfad, einer von Ihnen ist wie folgt: <path id="GOL" class="st0" d="M37.5,430.5l-12.4-12.4v-13.3h-4.2c-7.2,0-13.9,2.5-18.7,7.5c-4.7,4.9-7.3,11.3-7.3,18.3 c0,7,2.6,13.5,7.3,18.3c4.8,5,11.4,7.6,18.6,7.6l4.2,0v-13.7L36.7,430.5z M19.7,435.3l-4.9-4.9l4.9-4.9l4.9,4.9L19.7,435.3z M2.4,430.5c0-8.4,5.6-15.1,13.1-16.9v3.8L2.4,430.5l13.1,13.1v3.8C8,445.6,2.4,438.9,2.4,00.5z"></path> Ich versuche, ein drehen-animation mit dem folgenden code: .stuck #GOL { fill: red; transform: rotate(90deg); } #GOL {
3
Antworten
Schrieb ich ein Programm in Android für die Einstellung von verschiedenen Arten von Bildern als mein Hintergrundbild, aber es ist nicht die Arbeit mit svg-Dateien. Ich erhalte keine Fehler, es ist nicht die Anzeige von jedem Bild
4
Antworten
Ich habe eine web-Anwendung, die verwendet die d3 Bibliothek für einige komplexe SVG-basierten Visualisierungen. Ich habe von automatisierten tests für meine server-side-code und JavaScript-Modelle (ich benutze eine MVC-Architektur in meinem JavaScript). Diese laufen auf einem Jenkins CI-server
1
Antworten
Brauche ich ein paar frische Augen, um mir zu zeigen was ich falsch mache. Ich will height und width und verwenden Sie Sie, um die position von einem anderen element. HTML <g> <rect class="graphic" draggable="data" ng-attr-x="{{ data.x
1
Antworten
Ich bin neu im SVG-Format und ein bisschen überrascht, dass in diesem Beispiel wird abgeschnitten und nicht skaliert? Was fehlt, um es skalierbar/beträchtliche Verwendung von width/height im svg-element? <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
1
Antworten
Ich bin die dynamische Erstellung von SVG-Elemente von JavaScript. Es funktioniert gut für visuelle Objekte, wie ein Rechteck, aber ich habe Schwierigkeiten, produzieren, funktionieren xlinks. Im Beispiel unten das erste Rechteck (das ist statisch definiert) korrekt funktioniert,
5
Antworten
Ich habe eine SVG-Datei und ich möchte ein SvgIcon Komponente aus, wie soll ich das machen? In der Dokumentation, alle die Beispiele verwenden Sie entweder VORGEGEBENE Werkstoff-Icons oder eine seltsame notation <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
3
Antworten
Ich habe gesehen, eine Reihe von Beispielen mit CSS beeinflussen den Stil der SVG-Elemente, aber keines war so weit, dass die Hilfe mit meiner Frage zu Markern. Und ehrlich gesagt, bin ich immer noch durch die syntax
2
Antworten
Neues zu d3 und versuchen zu entwickeln, eine Kraft gerichtet Baum, in dem wir stecken varioss dataset. Ich habe es geschafft, die Grundidee und läuft, aber würde gerne die links gebogen, so kann ich viel mit mehreren
5
Antworten
Ich habe Bilder im svg-format. Wenn ich es auf eine einfache html-Anzeige, aber wenn ich versuche, es zu benutzen in einem realen Projekt (asp.net mvc 4-visual studio 2010) wird es nicht angezeigt. @model KZStream.Web.Site.Models.IamSelling.IamSellingModel @using KZStream.Web.Site.Resources.Views.Products @{
1
Antworten
Möchte ich hinzufügen, einen einfachen Bogen in den chart-Abschnitt, z.B. ein Kreis: vis.append("circle") .style("stroke", "gray") .style("fill", "white") .attr("r", 40) .attr("cx", 50) .attr("cy", 50); Den bereitgestellten Beispiele von D3 mit Daten arbeiten, Eigenschaften, aber ich möchte sehen, wie
1
Antworten
Soweit ich weiß, können wir Kodieren ein svg-Bild in eine base64-Zeichenfolge und verwenden Sie es als eine url in einem html-Dokument, wie die unten. <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI2cHgiIGhlaWdodD0iMTI2cHgiIHZpZXdCb3g9IjAgMCAxMjYgMTI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjYgMTI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEuMDk1IiB5PSI5OC4yMjQiIHdpZHRoPSIxMjMuODEiIGhlaWdodD0iMTkuMjc1Ii8+DQoJPHJlY3QgeD0iMS4wOTUiIHk9Ijg1Ljc0IiB3aWR0aD0iMTIzLjgxIiBoZWlnaHQ9IjUuMjA1Ii8+DQoJPHBhdGggZD0iTTE4LjQwNCw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OEgzLjQ4MWMtMC43NjcsMC0xLjM4OCwwLjYyMS0xLjM4OCwxLjM4OA0KCQlzMC42MjIsMS4zOSwxLjM4OCwxLjM5SDE4LjQwNHoiLz4NCgk8cGF0aCBkPSJNNDQuNDMzLDk1LjcyMWMwLjc2NywwLDEuMzg4LTAuNjIzLDEuMzg4LTEuMzlzLTAuNjIyLTEuMzg4LTEuMzg4LTEuMzg4SDI5LjUxYy0wLjc2NywwLTEuMzg5LDAuNjIxLTEuMzg5LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg5LDEuMzlINDQuNDMzeiIvPg0KCTxwYXRoIGQ9Ik03MC40NjEsOTUuNzIxYzAuNzY3LDAsMS4zODgtMC42MjMsMS4zODgtMS4zOXMtMC42MjItMS4zODgtMS4zODgtMS4zODhINTUuNTM5Yy0wLjc2NywwLTEuMzg4LDAuNjIxLTEuMzg4LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg4LDEuMzlINzAuNDYxeiIvPg0KCTxwYXRoIGQ9Ik05Ni40OSw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OEg4MS41NjdjLTAuNzY3LDAtMS4zODgsMC42MjEtMS4zODgsMS4zODgNCgkJczAuNjIyLDEuMzksMS4zODgsMS4zOUg5Ni40OXoiLz4NCgk8cGF0aCBkPSJNMTIyLjUxOSw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OGgtMTQuOTIzYy0wLjc2NywwLTEuMzg4LDAuNjIxLTEuMzg4LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg4LDEuMzlIMTIyLjUxOXoiLz4NCgk8cGF0aCBkPSJNNy40MSw4MC45aDUzLjQ0MmMwLjg2MywwLDEuNTYyLTAuNjk5LDEuNTYyLTEuNTYyVjM5LjU0M2MwLTAuODYyLTAuNjk5LTEuNTYzLTEuNTYyLTEuNTYzSDQ1LjMxNHYtNi41MzkNCgkJYzAtMC44NjEtMC42OTgtMS41NjItMS41NjEtMS41NjJIMjMuNDI4Yy0wLjg2MywwLTEuNTYyLDAuNy0xLjU2MiwxLjU2MnY2LjU0SDcuNDFjLTAuODYyLDAtMS41NjIsMC43LTEuNTYyLDEuNTYzdjM5Ljc5NQ0KCQlDNS44NDgsODAuMjAxLDYuNTQ3LDgwLjksNy40MSw4MC45eiBNMzQuNDkyLDU3Ljg3NGgtMS43OTZ2LTYuNzY4aDEuNzk2VjU3Ljg3NHogTTI2LjU2MywzNC41NzRoMTQuMDU1djMuNDA2SDI2LjU2M1YzNC41NzR6DQoJCSBNMTAuNTQ0LDQyLjY3OGg0Ny4xNzN2MTEuOThIMzYuOTQydi00LjAwNmMwLTAuODYzLTAuNjk5LTEuNTYzLTEuNTYyLTEuNTYzaC0zLjU4MmMtMC44NjMsMC0xLjU2MiwwLjY5OS0xLjU2MiwxLjU2M3Y0LjAwNg0KCQlIMTAuNTQ0VjQyLjY3OHoiLz4NCgk8cGF0aCBkPSJNNjguNzM0LDgwLjloNDkuOTU4YzAuODA3LDAsMS40Ni0wLjY1MywxLjQ2LTEuNDZWMTcuNTM0YzAtMC44MDYtMC42NTMtMS40NTktMS40Ni0xLjQ1OWgtMTQuNTI0VjkuOTYxDQoJCWMwLTAuODA3LTAuNjUzLTEuNDYtMS40Ni0xLjQ2aC0xOWMtMC44MDcsMC0xLjQ2LDAuNjUzLTEuNDYsMS40NnY2LjExNUg2OC43MzRjLTAuODA3LDAtMS40NiwwLjY1My0xLjQ2LDEuNDU5Vjc5LjQ0DQoJCUM2Ny4yNzQsODAuMjQ3LDY3LjkyNyw4MC45LDY4LjczNCw4MC45eiBNODYuNjM4LDEyLjg5aDEzLjEzOXYzLjE4Nkg4Ni42MzhWMTIuODl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="/> So, Jetzt möchte ich eine base64-url-des icons in der FontAwesome Bibliothek.
1
Antworten
Ich bin erstaunt über die Kürze des d3.js zur Visualisierung von Daten. Die Komplexität versteckt unter diese Kürze macht es auch ein bisschen schwer zu verstehen, wie es funktioniert. Unten ist ein Teil des Codes aus http://mbostock.github.com/d3/ex/calendar.html
3
Antworten
Ich bin mit d3 zu zeichnen Sie mehrere Rechtecke und Kreise gefüllt sind, welches bestimmte Farben. Nun, meine Objekte sollen verdunkelt werden, wenn die Maus den Mauszeiger über Sie. Meine Idee war, CSS zu benutzen, indem Sie
3
Antworten
Link: Offizielle SVG-Referenz Hallo Männer und Frauen, ich habe einige Probleme mit der Kurzschrift (definiert durch S oder S in pathdata) bezier-Kurven definiert als SVG-Pfade. Insbesondere, wie zu berechnen, wird der erste Kontrollpunkt. Sagen, wir haben eine
3
Antworten
Ich möchte erstellen Sie eine Kurve, wie unten dargestellt mit css. Ich war versucht, so etwas wie dieses: CSS: .curve { background-color: #8aa7ca; height: 65px; width: 160px; -moz-border-radius-bottomright: 25px 50px; border-bottom-right-radius: 25px 50px; } HTML: <div class="curve">
1
Antworten
Gibt es einen Weg, um alles, was außerhalb der viewBox unsichtbare? Als wenn die viewBox selbst waren ein element mit overflow: hidden In der jsFiddle, können Sie die viewBox blau hervorgehoben. <svg width="100%" height="100%" viewBox="0 0 800
1
Antworten
Ich bin in der iOS-Entwicklung aus der Vergangenheit 1+ Monate und was ich erlebt habe ist, dass ich, um Fotos für 1x 2x 3x für iphone und dann 2x retina für das ipad. Ein erfahrener Designer hat
3
Antworten
Ich bin neu qQuery und es nicht getan haben eine ganze Menge in javascript. Habe ich eine kleine jVectorMap mit über 10 Ländern auf es und ich will zeichnen Sie ein kleines Kreisdiagramm an der Oberseite jedes
2
Antworten
Habe ich gefunden http://www.colorzilla.com/gradient-editor/ groß zu sein für die Generierung von CSS3-Farbverläufe. Es gibt jedoch eine Sache, über die es wäre toll, wenn jemand klären könnte, für mich. Wie ich es verstehe, IE9 unterstützt nicht die Filter
1
Antworten
Habe ich Tausende von SVG ' s in einen Ordner und sub-Ordner. Was ich will ist, um batch-konvertieren alle von Ihnen zu jpg oder png Bilder. Kann mir jemand helfen schreiben Sie einen Befehl für ImageMagick (windows),