JavaScript ist eine beliebte Programmiersprache verwendet, um clientseitige Skripts erstellen, um in einer Website implementiert werden. Es ist ein vielseitiges Sprache , die verwendet werden , um dynamische Webseiten mit erweiterte und interaktive Benutzeroberflächen entwickeln kann. Die kürzlich veröffentlichte HTML 5 eingeführt, die Canvas-Element , eine Komponente, die verwendet werden, um 2D-Formen und Bitmap-Bilder machen kann. JavaScript kann verwendet werden , um ein Objekt zu zeichnen, wie ein Baum , mit dem Canvas-Element werden. Anleitung
1

Öffnen Sie Ihre Lieblings- Web -Browser und navigieren Sie zu " codediesel.com /javascript /Zeichnung -trees -in- Leinwand. " Klicken Sie auf den "Download Source" -Link und speichern Sie das Archiv auf Ihrer Festplatte. Zum Archiv der rechten Maustaste , wählen Sie " Alle extrahieren " aus dem Kontextmenü und wählen Sie einen Ordner , auf den Sie den Inhalt des Archivs extrahieren.
2

Öffnen Sie einen Text -Editor , wie z. B. Notepad oder WordPad , um die Erstellung einer neuen Webseite HTML
3

starten Sie die Seite in der üblichen Weise , indem Sie die folgenden Zeilen : .

< head>
4

geben Sie Ihre Seite einen Titel mit dem Titel tag , wie folgt aus: .

Sie "JavaScript Leinwand Tree" mit einem anderen Titel ersetzen kann
5 < p> Definieren und laden Sie das Skript , indem Sie diese Zeile :

" ; algoTree.js " ist ein Skript entwickelt, um Ihnen helfen, ziehen Bäume mit dem HTML 5 Canvas
6

Ende der . " Kopf " und starten Sie den Abschnitt " Körper "in der HTML-Seite durch Einsetzen dieser beiden Linien :

< /head>
7

Definieren Sie das Canvas-Element und die Skript-Typ , indem Sie diese beiden Zeilen :

< Leinwand id = " Leinwand ">