Programming
HOME
* Computer Wissen >> Programming >> JavaScript-Programmierung >> .
Öffnen Sie ein neues, leeres Dokument und Titel es " Leinwand - animation.html . " Opening Ihr neues Dokument in einem Web-Entwicklung Anwendung kann die Bearbeitung zu erleichtern, aber wenn Sie noch kein Konto haben einfach einen grundlegenden Text -Editing-Anwendung . 2
schreiben Sie den Code in Ihre HTML5 Dokument zu definieren , einschließlich der doctype , Kopf und Körper des Dokuments. Wie im folgenden Beispiel stellen Sie den Zeichensatz und den Titel des Dokuments Kopf :
hinzufügen und Tags an den Körper Ihres Dokuments . Der Abschnitt ist in HTML5 tag neu. Es definiert Abschnitte in einem Web-Dokument . Die Leinwand -Tag definiert den rechteckigen Leinwand Sie verwenden, um Ihre JavaScript Animation bauen . Im folgenden Beispiel hat die ID " Animation ", die als Referenz von Ihrem JavaScript genutzt werden: < meta charset = "< doctype html > UTF-8 "/> HTML5 Canvas Zeichentrick < /head> . 4 Stellen Sie die Höhe und Breite der Leinwand und füllen es mit Text auf Browsern, die nicht unterstützen HTML5 angezeigt werden. Die Leinwand kann auf jede Größe eingestellt werden, je nach Ihren Bedürfnissen. Bedenken Sie jedoch, dass größere Leinwände länger dauern zu laden . Hier ist ein Beispiel : HTML5 Canvas Zeichentrick Sorry, Ihr Browser nicht unterstützt HTML5 und wiederum kann nicht geladen werden diesen Animation. . 5 "Paint" Ihre JavaScript -Animation auf die Element mit dem " getElementById ()" Methode, um Ihre Skripte auf die Leinwand ' "animation" ID verbinden . Wenn Sie nicht über Vorkenntnisse Schreiben von JavaScript- Animationen, gibt es eine Reihe von Beispielen, die Sie ausprobieren können im Abschnitt Ressourcen dieses Artikels zur Verfügung gestellt.
Stellen Sie die Höhe und Breite der Leinwand und füllen es mit Text auf Browsern, die nicht unterstützen HTML5 angezeigt werden. Die Leinwand kann auf jede Größe eingestellt werden, je nach Ihren Bedürfnissen. Bedenken Sie jedoch, dass größere Leinwände länger dauern zu laden . Hier ist ein Beispiel :
"Paint" Ihre JavaScript -Animation auf die Element mit dem " getElementById ()" Methode, um Ihre Skripte auf die Leinwand ' "animation" ID verbinden . Wenn Sie nicht über Vorkenntnisse Schreiben von JavaScript- Animationen, gibt es eine Reihe von Beispielen, die Sie ausprobieren können im Abschnitt Ressourcen dieses Artikels zur Verfügung gestellt.
