Ich bin also mit trianglify.js beschäftigt.
Mein Ziel ist, dass sich die Varianz ändert, wenn sich die Maus bewegt.
Theoretisch in Ordnung, aber in der Praxis ist es nicht wirklich nötig. Ich habe ein paar verschiedene Code-Formate ausprobiert, aber ich kann es einfach nicht verstehen, den neuen Wert zu respektieren.
Hoffentlich kann jemand aufklären, was ich falsch mache.
Die in var pattern
definierte Funktion onmousetop
hat keinen Einfluss auf die ursprüngliche pattern
, die in window.onload
definiert ist. Daher wird die vorhandene Arbeitsfläche nicht wie erwartet geändert. Stattdessen können Sie versuchen, die ältere Arbeitsfläche zu entfernen und die neue Arbeitsfläche anzuhängen. Möglicherweise müssen Sie auch hier alle Optionen hinzufügen, damit es wie erwartet funktioniert. (Außerdem haben Sie die schließende Klammer }
für window.onload
-Funktion verpasst. Ich schätze, es ist nur ein Eingabefehler beim Schreiben der Frage. Ich habe das auch in Ihrer Frage bearbeitet.)
Problem mit der ursprünglichen Lösung ist, dass der neu erzeugte Canvas in onmousemove nirgends angezeigt wird. Sie sollten sich den Canvas von dem Moment an merken, als Sie ihn zum ersten Mal erstellt haben, und ihn dann als Argument an pattern.canvas (...) weiterleiten:
%Vor% Die Lösung von @pabram ist auch in Ordnung, vergessen Sie nicht, <canvas>
element mit id="mycanvas" zu erstellen. BTW, was Sie mit dem Timer tun, ist im Grunde genommen hausgemachte Implementierung von Debounce (obwohl, richtig!): Was macht RxJS.Observable entprellen?
Tags und Links javascript trianglify