raphael

___ qstntxt ___

Ich habe ein Problem mit Raphael für SVG-Effekte in einem IE-Browser festgestellt. Wenn ich über ein Objekt mouseover, tritt die Animation wie erwartet auf. Bei Mouseout wird die Mouseout-Aktion jedoch nie aufgerufen, so dass die Objekte in ihrem mouseover-Zustand hängen bleiben.

Ich habe schon andere gesehen, die sich über dieses Problem beschwert haben, aber die einzige Lösung, die ich gesehen habe, war, das mouseover-Ereignis bei jedem Objekt zu erzwingen, um alles! = aktuelles Objekt in ihren normalen Zustand zurückzubringen. Ich würde lieber keinen generellen "Alles zurücksetzen" machen, weil ich ziemlich viele Objekte habe, also frage ich mich, ob jemand eine Alternative hat, die er vorschlagen kann. Ich habe darüber nachgedacht, das letzte Objekt mit dem zuletzt ausgelösten Mouseover in einer Variablen zu speichern und nur bei jedem Mouseover neu zu setzen, was funktionieren könnte ....

    
___ answer13047700 ___

Ich hatte das gleiche Problem (map mit Regionen, die den Hintergrund beim Hover änderten) und der Deal-Braker in IE9 / Opera war für mich die toFront () Methode. Ich habe das entfernt und es funktioniert gut.

    
___ answer9521193 ___

Seit Raphael 2.0.2 gab es in Raphael und Internet Explorer (alle Versionen) ein Problem, bei dem verschiedene Manipulationen eines Pfades wie das Zurücksetzen einer Transformation, %code% , oder %code% von %code% aufgerufen werden können, während man schwebt Verursachen Sie Hover-Ins, um endlos zu loopen und / oder Houses auszublenden, um verpasst zu werden.

Während %code% im IE meistens für Mouseout funktioniert, gibt es ein paar Dinge, die ich gefunden habe, dass es stolpern kann, a) ignoriert Mouseouts wie beschrieben und b) triggert das Mouseover-Ereignis rekursiv Wenn Sie eine console.log-Datei dort einfügen, bricht die Konsole des IE-Entwicklertools ab und wird grau ... was manchmal auch zu verhindern scheint, dass Mouseouts erkannt werden.

Hier sind die Dinge, die ich gefunden habe, die das verursachen:

  • Zurücksetzen einer Transformation, bei der das Element unter der Maus verschoben wird, und erneutes Anwenden des Elements unter dem Cursor. Nicht-IE macht weiter wie nichts passiert ist und funktioniert gut, IE flippt aus wie oben beschrieben.
  • .toFront () und .toBack () - Nicht-IE erkennt das verschobene Element als das gleiche Element an der gleichen XY-Position, IE läuft wie oben beschrieben aus.

Es gibt einige Beobachtungen und Demonstrationen in diesem jsfiddle (lesen Sie die verschiedenen Kommentare aus und entfernen Sie sie aus den Kommentaren.) ).

Eine gute Problemumgehung ist hier, eine Art Flag zu haben, wie zum Beispiel 'path.data (' hoverIn ', true); %code% bei mouse out, dann wrap alle %code% oder anstößige Transformationen in ein Häkchen %code% , so dass es nur einmal passieren kann, bis die Maus aus ist. Oder speichern Sie einen Verweis auf den zuletzt verschobenen Pfad irgendwo nach dem %code% oder was auch immer, dann nicht %code% oder was auch immer, wenn dieser Pfad auch der zuletzt gespeicherte Pfad ist.

    
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123internetexplorer ___ Internet Explorer (üblicherweise abgekürzt IE oder MSIE) ist ein von Microsoft entwickelter Webbrowser, der Teil von Microsoft Windows ist. ___ answer13711548 ___

Ich habe diese Einschränkung umgangen, indem ich den Code in eine anonyme Funktion gesetzt und ihn dann über den Ereignishandler %code% inside aufgerufen habe.

    
___ answer10936297 ___

Wenn Sie ein Rect als Hintergrund unterhalb des Objekts hinzufügen (und es enthält), können Sie einen Mouseout-Effekt erzielen, indem Sie dem Hintergrundrect einen weiteren Hover-Ereignishandler hinzufügen.

    
___ tag123mouseover ___ Ein Mouseover ist ein Ereignis, das bei einem Element auftritt, wenn der Benutzer den Cursor über dieses Element bewegt ___ tag123rafael ___ Raphaël ist eine plattformübergreifende JavaScript-Bibliothek für die Ausgabe von Vektorgrafiken in standardkonformen SVG (für Firefox, Chrome, Internet Explorer 9+ ...) und VML für ältere Versionen von Internet Explorer. ___ qstnhdr ___ Raphael und IE. MouseOut Problemumgehung ___ tag123mouseout ___ Ein mouseout ist ein Ereignis, das bei einem Element auftritt, wenn der Benutzer den Cursor von diesem Element entfernt ___
1
Antwort

Raphael JS - animieren .text ()

Also benutze ich Raphael JS, um zu animieren . Folgendes habe ich versucht: %Vor% Und mein Text bleibt einfach bei 200,200. Irgendwelche Gedanken darüber, warum das nicht funktioniert?     
03.09.2010, 15:42
2
Antworten

JavaScript zeichnet Datenbankschema

Ich muss eine Struktur der Datenbanktabellen (4-5 Oberseiten) in einer HTML-Seite anzeigen. Ich muss die Spalten zeigen, markieren Sie den Primärschlüssel und zeichnen Sie auch die Fremdschlüsselverbindungen (Pfeile ich denke). Ich habe rapha...
03.01.2012, 17:12
2
Antworten

Benutze Raphael, um SVG zu manipulieren

Kann man mit Raphael ein eingebettetes SVG-Bild manipulieren? Ich habe Raffael in der Vergangenheit benutzt, um Formen zu zeichnen, habe aber nicht gesehen, dass es benutzt wird, um ein existierendes SVG-Bild zu manipulieren. Wenn nicht, gibt es...
03.07.2010, 07:23
3
Antworten

Raphael-JS: Rect mit einer runden Ecke

%Vor% Erzeugt ein schönes Rechteck mit abgerundeten Ecken. Ist es möglich, ein Rechteck mit nur einer runden Ecke zu erstellen?     
21.07.2010, 20:54
5
Antworten

Raphael Position

Wie kann ich die Position eines Objekts in Raphael bekommen? Ich kann die Größe mit getBBox () erhalten, aber es scheint keine Möglichkeit zu geben, die Position zu bekommen?     
25.10.2010, 21:40
6
Antworten

Warum wird meine Raphael JS Animationsschleife nicht funktionieren?

Hallo, dort Ich habe diese Animation mit dem Raphael-Framework gemacht. Ich möchte, dass sich der Stern (logoStar) unendlich dreht, aber nur einmal läuft. Kann jemand helfen? Danke %Vor%     
09.11.2010, 21:07
1
Antwort

Kann ich in Raphael ohne Cufon drucken?

Ich versuche, den in der Dokumentation für Raphael erwähnten Druckbefehl zu verwenden, um Text mit einem netten Text zu drucken Schriftart. [Ich sehe, dass dies mit der "Text" -Funktion gut gemacht werden kann, und ich sehe Beispiele im Web, d...
09.12.2010, 19:37
5
Antworten

Feuerereignis in Raphael.js

Ich habe ein Raphael-Element mit Click-Event-Handler: %Vor% Wie kann ich dieses Ereignis manuell auslösen? ( c.click() funktioniert nicht) Danke!     
14.08.2012, 11:38
3
Antworten

Wie man auf das Attribut id eines beliebigen Elements in Raphael zugreift

Ich benutze Raphael, um einige Elemente auf einer Website zu zeichnen. Die Elemente umfassen Rechteck, Linie (Pfad). Ich habe dem Pfadelement eine ID gegeben und versucht, darauf im onclick-Ereignis dieser Zeile zuzugreifen. aber wenn ich die ID...
15.12.2010, 20:34
2
Antworten

Wie füge raphaeljs Objekt im Div-Tag hinzu

%Vor% Ich habe es ausprobiert, das Objekt Raphael hinzufügen, aber es wird nicht auf dem Bildschirm angezeigt     
15.06.2012, 12:33