Tag: svg

Was ich will zu tun ist, erstellen Sie web-Seiten mit interaktiven SVG-Inhalte. Ich hatte diese arbeiten als ein Java-desktop-Anwendung mit Batik zum Rendern der SVG und sammeln UI-Ereignisse wie Mausklick. Nun möchte ich diese verwenden, um SVG-Grafiken

Arbeite ich mit der D3 und ich habe in ein bisschen ein problem. Im Grunde genommen habe ich einen kleinen Bereich Diagramms, dessen domain-änderungen basierend auf einer Bürste (ähnlich wie in diesem Beispiel: http://bl.ocks.org/mbostock/1667367). Ich habe eine

Habe ich eine SVG-Pfad wie in diesem Beispiel: <svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" baseProfile="full"> <path d="M47.16,66.38c0.62,1.65-0.03,2.93-0.92,4.28c-5.17,7.8-8.02,11.38-14.99,18.84c-2.11,2.25-1.5,4.18,2,3.75c7.35-0.91,28.19-5.83,40.16-7.95" style="fill:none;stroke:black;stroke-width:2" /> </svg> Ich machen kann das Weg, aber kann nicht scheinen zu finden ein

Ich versuche, um Punkte hinzuzufügen, um ein Pfad-Objekt dynamisch. Wenn ich das mache, ist der Pfad richtig gerendert wurde, aber das umschließende Rechteck wird nie aktualisiert, wodurch es fast unmöglich für einen Benutzer zu wählen und bewegen

<svg> <text id="test" x="0" y="15"></text> </svg> , d3.select("#test").text("aaa"); oder document.getElementById("test").textContent("aaa"); funktioniert einwandfrei. Aber ich muss hinzufügen von Stil auf den text. Jetzt: d3.select("#test").text('aaa <tspan style="font-weight:bold">bbb</tspan> ccc'); leider nicht funktioniert, weil das argument wird behandelt wie eine Reine

Ich habe ein paar von svg-Bildern aus OpenClipart in meinem Website. Die svg Bilder werden korrekt angezeigt, in Chrome und Firefox. Aber, wenn ich sehe, die Website ist IE11 das Bild wie unten gezeigt. Ich habe versucht

Ich bin versucht, um das Letzte bit eines d3-Projekt, welches dynamisch erzeugt diese blauen Bögen, über die ich platzieren müssen, arc text, wie in diesem Bild: Bild oben ist etwas, das ich getan habe, indem der Bogen

Ich versuche zu laufen svg-clip-Pfad in mozilla, aber es funktioniert nicht. .mask-1 { -webkit-clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); } Funktioniert es in chrome perfekt.

Habe ich eine SVG-Pfad wie folgt definiert: HTML: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="280px" viewBox="0 0 850.39 850.39" enable-background="new 0 0 850.39 850.39" xml:space="preserve" class="hand"> <g> <path fill-rule="evenodd" clip-rule="evenodd" fill="#0D0D0D" d="M480.366,674.977c-1.345-36.176,16.102-91.082,42.928-100.447 s99.269-89.711,108.649-100.418c9.381-10.734,14.758-17.416,24.139-45.541c9.409-28.123,54.996-69.638,54.996-69.638 c18.79-20.072,36.236-25.44,45.616-25.44c9.381,0,29.515-5.368,34.863-14.733c5.377-9.365,6.721-30.779-26.826-44.199 c-33.519-13.362-54.997-24.098-127.411,36.176c-72.442,60.245-97.925,3.997-97.925,3.997c-30.859-54.877-16.102-137.906,0-199.522

Baue ich eine app mit D3.js das zeigt eine Daten in einer Baumstruktur anzeigen. Im Idealfall, was ich möchte, ist die Baum-Karte ein tool-Tipp zur Anzeige von mehr Informationen auf jedem Knoten des Baumes-Karte. Die Baum-Karte zugeführt

Einer Webseite an der ich arbeite verwendet einige Phantasie-chevrons für Aufzählungszeichen in einer Liste. Ich möchte erstellen Sie eine Liste Stil, der skaliert mit der Schriftgröße der Liste, die Elemente selbst: dies ist das ultimative Ziel, mein

Weiß jemand, wie man eine pdf-Datei erstellen mit C# und fügen Sie ein SVG-Dokument in diesem PDF ? itextsharp kann es nicht tun. Ich umwandeln SVG in Bild Dank dieser Bibliothek (http://svg.codeplex.com/) aber ich brauche, um vektorielle

Erstellte ich eine SVG rect mit keith-wood jQuery SVG-plugin. Hier ist der code: svg.graph._wrapper.rect(group, 0, 100, 40, 20, {fill: 'ivory', stroke: 'black', strokeWidth : 2}); So, ich dachte, ich könnte Sie leicht ändern Sie die Füllung statt

Ich die Anzeige einer HTML -, mit eingebettetem SVG. Ich will es erkennt Maus-Ereignisse, aber es funktioniert nicht auf dem Handy (Android Jellybean). Es funktioniert gut für einen desktop-browser. Hier ist eine demonstrations-Seite: http://artsyenta.org/misc/ss/j.touchtry1.html . Wenn Sie

Weiß jemand, wie man Kraft IE und Edge-Anzeige/aktualisieren eingebettete SVG-nach dem ändern Ihrer Inhalte (siehe code unten) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Title</title> <script type="text/javascript"> function onClick() { document.getElementById('svg').innerHTML = '<circle r="50" cx="50" cy="50" fill="red"

Ich weiß, dass die Verwendung von Drittanbieter-Bibliothek, ist es möglich, SVG-Bild in Android. Bibliothek wie: svg-android Den code zum laden der SVG-Bild wie unten: public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //Create a new ImageView ImageView imageView =

Gegeben D3js code, wie: function () { var svg = window.d3.select("body") .append("svg") .attr("width", 100) .attr("height", 100); svg.append("rect") .attr("x", 10) .attr("y", 10) .attr("width", 80) .attr("height", 80) .style("fill", "orange"); } So erzeugen Sie einen richtigen stand-alone -*.svg-Datei mit meinem

Bin ich angefangen mit d3.js und versuche, ein Netzwerk zu schaffen graph jeder Kreis enthält ein label. Was ich will, ist ein Zeilenumbruch ein svg-text. Was ich versuche zu tun ist, zu brechen den text in mehrere

erstellte ich eine animierte Präsentation mit der Sozi plugin für Inkscape. Es sieht toll aus, aber nicht alle Browser unterstützen SVG-Animationen (Chrome zum Beispiel nicht, wie der Inkscape - /Sozi SVGs überhaupt). Ich möchte zum konvertieren der

Ich würde gerne etwas tun, sehr ähnlich wie Füllen SVG-path-element mit background-image der Ausnahme, dass die Lösung die dort angeboten wird-Fliese das Bild und füllt den gesamten hintergrund-Bereich. Ich möchte das nicht. Wenn das Bild nicht füllen

Ich würde gerne eine Verzögerung hinzufügen jeder iteration einer SVG-animation Schleife. Hier ist ein einfaches Beispiel. HTML: <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"> <circle cx="50" cy="50" r="15" fill="blue"> <animate id="op" attributeType="CSS" attributeName="opacity" from="1" to="0" dur="3s" repeatCount="indefinite" /> </circle> </svg>

Bin ich zu schreiben versucht, einen code zu überprüfen, die Funktionalität der ein Klick auf ein SVG-Objekt - zum Beispiel einen US-Bundesstaat auf diese URL http://www.amcharts.com/svg-maps/?map=usa Dies funktioniert, aber gibt es einen besseren Weg, dies zu tun?

Ich habe alle Informationen gespeichert, die im svg-format in der Datenbank und wenn es text ich werde es als unicode. Jetzt brauche ich jede svg-Datei wird korrekt angezeigt, im browser. <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"

Also ich bin mit dem gleichen code wie das D3 Galerie-Beispiel (mit eigenen Daten): http://bl.ocks.org/mbostock/4063269 Ich würde gerne ein Blasendiagramm, wo die Kreise angeordnet sind, die die größten in der Mitte und dann aus ausstrahlt, um die

Ich arbeite mit einer Bibliothek, die macht Teil von Ihrem Status als SVG-Dokument. Ich würde gerne machen das entweder in einer Windows Forms-oder WPF-Umfeld. Gibt es derzeit eine Möglichkeit, dies zu tun? Wenn nicht, ich könnte ändern,