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 ___
3
Antworten

Wie bekomme ich den Umriss eines Strichs? [Duplikat]

Ich möchte einen strichenen Pfad in ein gefülltes Objekt konvertieren. (Programmatisch, in JavaScript.) Die Linie ist nur eine einfache gekrümmte Linie, eine Folge von Koordinaten. Ich kann diese Linie als einen Weg rendern und ihr einen St...
30.11.2012, 10:59
1
Antwort

direkte Leinwand Schwenken mit raphael.js

Ich versuche, eine App zu machen, dass wenn Sie außerhalb einer Figur klicken Sie es lassen Schwenken Sie das Ansichtsfenster mit setviewbox (); Ich habe etwas in der Nähe getan, aber ich bin nicht zufrieden damit mit einem Rechteck: %Vor% I...
05.10.2011, 14:10
1
Antwort

Warum funktioniert dieser Code nicht mit IE 8?

Könnte mir jemand helfen herauszufinden, warum dieser Code nicht auf IE 8 funktioniert? (Es funktioniert auf Chrome, Firefox, Opera). Der Code verwendet die Raphäel.js -Bibliothek, der Code erlaubt es dem Benutzer, Raphael.js Elemente zu...
08.09.2011, 12:49
0
Antworten

Wird Raphael.js noch unterstützt? [geschlossen]

Ich wollte gerade anfangen, Ссылка zum ersten Mal an einem ziemlich großen Projekt zu verwenden, aber ich frage mich, ob ich eine neue Bibliothek lernen sollte nicht unterstützt werden. Die github-Seite zeigt 33 Pull-Requests und das letzte...
28.11.2012, 15:38
3
Antworten

Raphael.js Animiere die Drehung eines Pfades mit einem gegebenen Mittelpunkt

Ich versuche das Dreieck zu animieren (denke an die Nadel eines Winkelmessers), so dass es sich an einem bestimmten Punkt dreht (siehe den roten Punkt). %Vor% JSFiddle Beispiel Ich kann (ohne Animation) entlang dieses Zentrums drehen:...
19.04.2011, 15:36
2
Antworten

Auswahl mehrerer SVG-Elemente und ziehen sie in Raphael.js

Weiß jemand, wie ich das erreichen kann? Ich habe im Grunde ein SVG-Dokument mit mehreren Formen, Linien, Text usw. und ich versuche, ein Auswahlwerkzeug zu implementieren, das mir hilft, mehrere Elemente auszuwählen, sie zu gruppieren und zu...
30.04.2011, 22:07
3
Antworten

Linienbreite in raphaeljs

Ist es real, eine Linie mit 1px Gewicht in SVG oder Raphaeljs zu machen? Der folgende Code %Vor% Zeichne eine Linie, die wie 2px oder 3px aussieht. Irgendwelche Alternative?     
07.11.2011, 12:29
1
Antwort

Backbone-Sammlung in morris.js d="M, 0,0" -Fehler

Hallo, ich studiere Backbone und ich habe eine PHP-API erstellt, um mit dem Backbone zu arbeiten, und jetzt versuche ich eine Sammlung zu zeichnen, die aus einer get-Anfrage mit Morris stammt. Hier sind meine Daten aus PHP-Skript abgerufen:...
17.02.2014, 15:56
4
Antworten

Raphael und IE. MouseOut Problemumgehung

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 ihre...
29.09.2011, 16:05