Tag: raphael

Raphaël ist ein cross-Plattform-JavaScript-Bibliothek für die Ausgabe von Vektor-Grafiken in beiden standards-konforme SVG (für Firefox, Chrome, Internet Explorer 9+,…) und VML für ältere Versionen von Internet Explorer.

SVG-Verlauf wird schwarz, wenn es ein BASE-tag in HTML-Seite?

4 Antworten

Ich bin mit dem Raphaël-JavaScript-Bibliothek zum erstellen von SVG-Elemente in einer HTML-Seite und die Verwendung von CodeIgniter als PHP-framework. In dem CodeIgniter framework-ich muss noch ein <base> - tag im Kopf des HTML-Dokuments zu verwenden, JS,CSS und

Rollover-overlays mit SVG

2 Antworten

möchte ich erreichen, die Wirkung auf auf dieser Seite mit SVG. Wie Sie sehen können, verwendet es eine Reihe von PNG-transparent überlagert, wenn der Benutzer die Maus über ein Polygon-hotspot, gezeichnet auf ein Produkt. Was ich erreichen

overlay raphael svg

Raphael JS um eine map mit hover-Tooltipps

1 Antworten

Ich versuche, eine Karte mit Raphael JS, ziemlich ähnlich wie das Beispiel, das Sie auf Ihrer Website: http://raphaeljs.com/australia.html Jedoch möchte ich zeigen, die info auf die hover-tooltip, das verbläßt in/out, wie Sie bewegen, um verschiedene Teile der

javascript jquery raphael svg tooltip

Anwendung einer transformation auf einen Satz in Raphael.js

1 Antworten

Mit Raphael 2.0, ich bin versucht, eine Transformation auf einer Menge von Objekten in einer Weise, die ist, bezogen auf alle Objekte in der Gruppe. Aber der Effekt, den ich erhalte, ist, dass die Transformation angewendet wird,

raphael

Charts in RaphaelJS, die 100% Breite?

3 Antworten

Habe ich gesehen-Grafiken in Flash & Sachen, die im Grunde passen schön auf, was die Größe des browser-oder flexibles element, Sie sind innerhalb von.... Ich bin wirklich nicht allzu gut auskenne mit raphaelJS aber können Sie dies

raphael

URL für Raphael.js

2 Antworten

Möchte ich Raphael.js in meinem blog. Ich möchte, importieren Sie Sie aus einer anderen Quelle, wie ich kann nicht hosten es auf blogger. Haben wir überhaupt eine Website wie Google code die Gastgeber Raphael.js? Konnte ihn nicht

javascript raphael

Zeichnung über ein Bild mit Raphael.js

2 Antworten

Kann ich einen Raphael.js canvas über eine IMG element? Was sollte ich tun, dieses layout zu arbeiten? InformationsquelleAutor Vitor Py | 2010-08-04

css html javascript raphael

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.

drag raphael selection svg

Raphael 2.0 - wie man richtig setzen Sie den Drehpunkt

1 Antworten

Verstehe ich nicht, wie dreht sich mein Objekt an einem bestimmten Punkt. Dies ist das javascript habe ich //create needle var rsr = Raphael('rsr', '320', '240'); var needle = rsr.path("m 156.74443,870.84631 -2.26177,119.38851 4.38851,0 z"); needle.attr({id: 'needle',parent: 'layer1',fill:

javascript point raphael rotation

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 +

animation jquery raphael svg zoom

Justgage.js Ändern Sie Titel,Wert,Label font-size

3 Antworten

Ich versuche die Verringerung der font-size mit [titleFontSize: 12..] und verschiedene Kombinationen. aber nicht arbeiten. gleichen, die ich verwendet für [valueFontSize: ..] & [labelFontSize: ..] Wie kann ich die schriftart ändern-Größe der Titel,Wert, & Etiketten? Code: <script

css font-size javascript justgage raphael

Rechteck-Auswahl von SVG-Elementen (für Raffael)

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

javascript raphael svg

Farbverlauf-Transparenz des Objekts in RaphaelJS

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

javascript raphael svg vml

Raphaeljs Unterstützung in IE8

1 Antworten

Erstelle ich eine dynamische Visualisierung mit Raphael-js. Ich begann mit Raphael-1.5.0 und die Dinge Schienen zu funktionieren. http://www.iiserpune.ac.in/~kaee/histome/Varianten.php?Variante=Histone_H3.1 Insbesondere die PTM (kleine Buchstaben auf der Oberseite der großen Buchstaben) sind hyperlinks, die auf Ihre individuellen Seiten. Während

internet-explorer-8 raphael

Wie fügen Sie raphaeljs Objekt im <div> tag

2 Antworten

$(document).ready(function(){ $("#btnAO").live("click", function(){ $("#canvasdiv").append("<div id='id1' width='50px' height='50px'></div>"); $("#id1").append(new Raphael(document.getElementById('canvasdiv'), 900, 600).rect(30, 50, 80, 100).attr({ fill : "blue", stroke : "black", strokeWidth : 0, r : 5 })); }); }); ich habe versucht, das hinzufügen Raphael Objekt, aber

javascript jquery raphael

Wie kann ich die Verknüpfung und ziehen Sie 2 Kreis Formen, Raphael JS?

4 Antworten

Aus irgendeinem Grund kann ich das arbeiten mit Rechteck-Variablen, aber nicht mit Kreisen. Im moment, dieser code ermöglicht es beiden Kreise gezogen werden, unabhängig, aber nicht zusammen Weiß jemand wie man dieses Problem beheben oder eine alternative

raphael

Zeichnen von Formen mit Maus-Klicken Sie und Halten Sie

1 Antworten

Gibt es eine Möglichkeit zum zeichnen von Formen (Rechteck) mit Raphael so? http://devfiles.myopera.com/articles/649/example3.html Versuchte ich folgenden code, aber es hat nicht den trick tun, weil die Rechteck-Form wird erst nach ((onmouseup)) Ereignis Im Gegensatz zu der gewünschten

jquery raphael

Wie Wende ich die CSS-Stile Raphael.js Objekte mit jQuery?

3 Antworten

Hat jemand Erfahrung mit der Raphael.js SVG-Bibliothek? Ich bin mit Raphael.js erstellen einer SVG-Karte (für die Nutzung auf smartphones), aber ich habe Probleme beim öffnen der map-Objekte, Raphael schafft bis zu außerhalb zusammenspiel von jQuery und styling

css jquery raphael

Raphael Position

5 Antworten

Wie kann ich die position eines Objekts in Raphael? Ich kann die Größe mit getBBox(), aber es scheint kein Weg, um die position? Das problem kann zunächst eine definition des Begriffs "position" eines Objekts. Wenn du meinst,

javascript raphael

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

angularjs data-binding raphael svg widget

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:

raphael ruby ruby-on-rails svg

Rendern von SVG-Polygone in der Raphael-Javascript-Bibliothek

5 Antworten

Soweit ich weiß, gibt es derzeit keine Möglichkeit zur Anzeige von SVG-Polygone in der Raphael-Javascript-Bibliothek. Ich Baue eine Anwendung, zu Lesen in SVGs und Sie zeigt Sie in Raphael, jedoch viele dieser SVGs verwenden Polygone. Beispielsweise bin

javascript jquery polygon raphael svg

SVG Eingekreist Text auf textPath (mittig ausrichten)

1 Antworten

Hab ich ein problem mit eingekreisten text im SVG-Format. Mein Ziel ist, erstellen Sie den Pfad, der mir erlauben zu schreiben, aber auch zentrieren Sie den text, noch verfolgen mit meinen Weg - aus dem oberen Teil

geometry javascript raphael svg

Wie kann ich eine <Bild> - element des SVG-DOM

1 Antworten

Ich habe eine web-Seite mit einem jpg-Bild, das der Benutzer zeichnen einer SVG-doodle auf der Oberseite mit Raphael. Möchte ich dem Benutzer zu ermöglichen, speichern Sie eine zusammengeführte gerastertes version dieses, wenn Sie fertig sind (ich werde

javascript jquery raphael svg

Raphael JS resize Canvas

2 Antworten

Ich bin die Programmierung einer Debatte-Diagramm mit Raphael JS. Benutzer können hinzufügen von Knoten des Graphen. Schließlich wird der graph wird wirklich groß und die Leinwand ist immer noch die gleiche Größe. die Leinwand (in raphael js:

canvas dynamic graph raphael resize

Wie zu animieren eine Raphael-Objekt entlang eines Pfades?

4 Antworten

Das Objekt könnte einfach sein, ein Rechteck oder Kreis. Aber der Weg sollte sein, eine bezier-Kurve. Bitte geben Sie javascript - /Raphael code, wenn nicht zu viel Mühe. Es wäre schön, wenn es nachfolgende Wirkung des bewegten

javascript jquery raphael

Problem beim speichern als png eine SVG erzeugt von Raphael JS in eine Leinwand

3 Antworten

Ich versuche zum konvertieren einer SVG generiert Raphael JS (und der Benutzer, da kann man ziehen und drehen der Bilder). Ich folgte diesem Konvertieren Sie SVG-Bild (JPEG, PNG, etc.) im browser aber kann immer noch nicht bekommen.

canvas javascript jquery raphael svg

Was sind die vor-und Nachteile von HTML5-Canvas vs. SVG + Raphael.js?

2 Antworten

Ich habe gerade ein Projekt gestartet mit der Leinwand. Aber eines der Dinge, die ich brauche, ist zu verfolgen von beweglichen, anklickbare Kästchen, wie in diesem Beispiel : http://raphaeljs.com/graffle.html so Frage ich mich ob Raphael-js + SVG

html5-animation javascript raphael svg

Mit Raphael JS, füllen Sie ein SVG-element mit background-image mit einem offset

2 Antworten

Möchte ich dieses Füllen SVG-element mit background-image mit einem offset, aber mit Raphael JS. Anzeige ein Rechteck mit einem hintergrund Bild ohne der offset ist einfach. canvas.rect( positionx, positiony, width, height ).attr( {fill: "url('/content/image_set.gif')"} ); Der obige

background-image html image raphael svg

Wie der Zugriff auf id-Attribut von jedem element in Raffael

3 Antworten

Ich bin mit Raphael zum zeichnen von Elementen auf einer website. Die Elemente sind Rechteck, Linie (Pfad). Ich habe eine id, um das path-element und versucht, es in das onclick-Ereignis der Zeile. aber wenn ich einen alert

javascript jquery raphael setattribute

Erklärung, wie zeichnen Sie eine gerade Linie in Raphael.js

1 Antworten

Ich würde gerne etwas Hilfe auf dem Pfad Konstruktor in Raphael. Im nicht sicher, wie das zeichnen einer geraden Linie von einem Punkt zum anderen. Ich habe var line = paper.path(M 100 0 1 0 30 100)

raphael svg

SVG viewBox-zoom-in center (Raphael)

2 Antworten

Ich versuche zu Zoomen mit dem Mausrad auf eine Raphael-Papier mit viewBox. Hier ist die JSFiddle-code. es funktioniert, aber jetzt will ich zoom in die Mitte und ich habe keine Ahnung, wo zu beginnen. Ich glaube, ich

center raphael svg viewbox zoom

Raphael ist nicht definiert

3 Antworten

mein html-code so Aussehen <script src="js/raphael/raphael.js"></script> <script src="js/raphael/g.raphael.js"></script> <script src="js/raphael/g.bar.js"></script> Aber mein Entwickler-tool sagt Uncaught ReferenceError: Raphael ist nicht definiert.g raphael.js:7 Uncaught ReferenceError: Raphael ist nicht definiert.g bar.js:19 wenn ich das laden der Seite und schauen auf

javascript raphael

Pfad-position mit raphael

4 Antworten

wie kann ich den Pfad ändern position mit raphael js? es sehr seltsam, dass offensichtliche Weg funktioniert nicht: var p = paper.path("some path string"); p.attr("fill","red"); p.attr({x:200,y:100}); //not working InformationsquelleAutor nukl | 2011-02-05

javascript raphael

Raphael.js Newbie: Wie Sie auf element entfernen, wenn der Maus-klicken Sie auf "sonst wo"?

3 Antworten

Ich gemacht haben eine rechteckige : var paper = Raphael("notepad", 320, 200); var rect = paper.rect(10, 10, 50, 50); Ich haben, implementieren Sie die Funktion, wenn mit der Maus klicken Sie auf die rechteckigen, wird es eine

javascript raphael

SVG-Unterstützung in IE8+

2 Antworten

SVG machen würde, um die Benutzeroberfläche unserer intranet-Anwendungen, die viel mehr nützlich. Mein Ziel ist es, die Verwendung vektorisierter Grafiken, die aktualisiert werden kann, über asynchrones js Anrufe und einige Elemente behandeln konnte, klicken Sie auf/d&d-events. Ich

internet-explorer internet-explorer-8 javascript raphael svg

Wie kann ich die drehen oder skalieren (transformieren) einer SVG-Pfad relativ zu seinem Mittelpunkt?

3 Antworten

Ich versuche zu drehen und zu skalieren Formen innerhalb einer SVG um Ihren Mittelpunkt. Ich habe in mehreren Bibliotheken, wie Jquery, Greensock, D3, RaphaelJS, aber ich habe nicht in der Lage zu finden, eine einfache Möglichkeit, dies

d3.js greensock jquery-animate raphael svg

Drag, drop und shape rotation mit Raphael JS

6 Antworten

Ich bin mit RaphaelJS 2.0 erstellen Sie mehrere Formen in einem div. Jede Form muss in der Lage sein werden gezogen und innerhalb der Grenzen des div-unabhängig. Nach Doppelklick auf eine Gestalt, die Form muss sich um

drag-and-drop raphael rotation

Inkrement integer um 1; alle 1 Sekunde

3 Antworten

Mein Ziel ist es, zu erstellen oder zu identifizieren, ein Stück code, der inkrementiert eine Zahl von 1, jede 1 Sekunde: Wir nennen unsere Basis-Nummer indexVariable, dann möchte ich: indexVariable = indexVariable + 1 alle 1 Sekunde;

javascript raphael time

Raphael: Legen Sie Die Farbe Der Linie

2 Antworten

Ich bin mit dem Raphael JS vector-Bibliothek und ich kann nicht eine Linie (Pfad) , ich bin Zeichnung, die Farben zu ändern. Hoffentlich ist es nur etwas blöd, ich habe. var blue_one = paper.path ("M205 205L300 300");

javascript raphael

Extrahieren path Daten aus einer SVG-Karte zu verwenden, in RaphaelJs

3 Antworten

Ich versuche zu bauen, eine interaktive Karte mit RaphaelJS (z.B. http://raphaeljs.com/australia.html). Bitte überprüfen Sie die Quelle. Es erfordert map-Pfad-Daten eingeben. Es gibt keine klare Erklärung, überall darüber, wie Sie diese Informationen erhalten, andere als die Tatsache, dass

dictionary inkscape raphael svg

So ändern Sie die Punkt-Punkt Farbe und Stil in Morris.js line-Graphen?

2 Antworten

Ich verwendet morris.js zu zeichnen, Linie Diagramm, aber ich kann nicht herausfinden, wie zu ändern, nur dot Farbe und Stil in-line-chart. Weiß jemand, wie man ändern, nur dot-Formate? Dank. InformationsquelleAutor kinakomochi | 2012-12-26

charts graph javascript morris.js raphael

Konvertierung von svg-zu json

3 Antworten

Ich möchte in der Lage sein, erstellen Sie ein svg-Bild in Adobe Illustrator und wandeln Sie es in json werden in der Lage, es mit Raphael js, wie unten. Wie konnte das getan werden, ohne dass ein

json path raphael svg

Raphael JS : wie sich zu bewegen/animieren, ein Pfad-Objekt?

6 Antworten

Irgendwie funktioniert das nicht... var paper = Raphael("test", 500, 500); var testpath = paper.path('M100 100L190 190'); var a = paper.rect(0,0,10,10); a.attr('fill', 'silver'); a.mousedown( function() { testpath.animate({x: 400}, 1000); }); Kann ich rects auf diese Weise aber nicht

animation javascript move path raphael

Die Schaffung einer linearen transparent Farbverlauf für ein div

7 Antworten

Ich möchte eine linear-transparent Farbverlauf für eine div. Gibt es eine Möglichkeit, das zu tun, mit jquery? Oder sollte ich eine andere Bibliothek, wie raphaeljs? Ich möchte einen Effekt erzielen, wie die folgenden: Die wohl stabilste Lösung

css javascript jquery opacity raphael

Einfachste Weg zum löschen eines Containers mit raphaeljs javascript grafische Bibliothek

4 Antworten

Muss ich löschen und neu zeichnen, ein raphael-javascript-main-container. Ich habe versucht mit var paper = Raphael(10, 50, 320, 200); Papier.entfernen(); //funktioniert nicht Papier.Knoten.removeNode(); //dies weder Papier.removeNode(); //dies weder Irgendeine Idee? was ist Raphael ? raphaeljs.com, eine grafische

clear javascript raphael svg

Malen Formen in Javascript

5 Antworten

Gibt es eine gute alternative zu den html5-canvas-element zu malen, Formen wie Sechsecke mit javascript, cross-browser (einschließlich der schrecklichen IE6)? Ich habe mit jQuery und jQuery maphighlight für diese, aber es nicht geben mir genug Möglichkeiten zur

javascript jquery jquery-plugins mootools raphael

Hinzufügen und entfernen von Leuchten für Raphael-element?

5 Antworten

Bin ich, die versuchen, ein hover für einen raphael-element, so dass, wenn die Maus auf das element, es hat einen Schein und wenn die Maus verlässt, wird die Glut entfernt wird. Ich habe herausgefunden, wie die Leuchten,

glow javascript raphael

Gewusst wie: hinzufügen von text zu einem raphael js-element

2 Antworten

Möchte ich hinzufügen, text zu einem element in raphael js, Ich habe text mit r.text(30, 20, "ellipse").attr({fill: color}); Aber wie kann man diesen text hinzufügen, um ec = r.ellipse(190, 100, 30, 20); hinsichtlich InformationsquelleAutor pahnin | 2011-11-15

javascript raphael text

Rechter Mausklick-Erkennung auf SVG-Form in JavaScript nicht funktioniert

3 Antworten

Ich brauche Hilfe mit meinem script, in dem ich möchte, um zu erkennen RMB klicken Sie auf. INFO: zum Schluß möchte ich meine eigenen rechts-Klick-Menü auf einem dedizierten SVG-Form, die angezeigt wird, mit einem Einsatz von Raphael

contextmenu javascript raphael svg