Ich bin dabei, eine interaktive Whiteboard-Anwendung mit PHP und jQuery zu erstellen. Das Erstellen eines Decks ist nicht das Problem, und es wird kein Canvas-Overlay auf die Seite angewendet, damit ich darauf schreiben kann. Ich bin ein Amateur-Coder und komplett Autodidakt. Dies ist Teil einer Übung, mehr zu lernen, und Teil ein Mittel, um mir ein großartiges Werkzeug zu geben, um in meiner Unterrichtspraxis zu verwenden.CSS-Übergang macht Canvas unbrauchbar
Das Problem, das mir begegnet, ist ein CSS-Übergang auf das Canvas-Element, so dass das Canvas-Element bewegt sich, wie die Folien ändern, um die zuvor erstellten Zeichnungen weiterhin auf neuen Folien zu erhalten.
Ich habe das Canvas-Element dazu gebracht, mit dem Dia-Übergang zu gehen, aber in diesem Fall wird die Leinwand auf der aktuellen Folie unbrauchbar gemacht. Wenn ich zur vorherigen Folie zurückwechsle, kann ich alles sehen, was ich gezeichnet habe.
Ich hoffe, dass dies nicht zu vage einer Frage oder Erklärung der Situation ist, um Hilfe zu bekommen, aber alle Hinweise wären toll.
Beliebiger relevanter Code? –
"nutzlos" ist eine nutzlose Beschreibung (Wortspiel beabsichtigt)! Bitte beschreiben Sie im Detail, was passiert (falsch) und wie Sie es gerne hätten. – markE
@markE Ich habe ein Diaplay erstellt. Der Behälter für alle Folien wird auf die Breite aller Folien kombiniert berechnet. Wenn die Folien (mit translateX) übergehen, sollte das Canvas-Element mit der Folie übergehen und sich um den gleichen Betrag nach rechts oder links bewegen. Die Folie und das Canvas-Element bewegen sich im Tandem, aber wenn sich das Canvas-Element bewegt, wird das, was nach dem Übergang darauf gezeichnet wird, jetzt auf dem jetzt verborgenen Teil der Leinwand angezeigt. Letztendlich möchte ich, dass alles, was gezeichnet wird, auf der neuen Folie erscheint. –