Πώς να Ισοπαλία ένα δέντρο Χρησιμοποιώντας ένα καμβά σε JavaScript

JavaScript είναι μια δημοφιλής γλώσσα προγραμματισμού που χρησιμοποιείται για τη δημιουργία client-side scripts που πρέπει να εφαρμοστούν σε μια ιστοσελίδα . Πρόκειται για μια ευέλικτη γλώσσα που μπορεί να χρησιμοποιηθεί για την ανάπτυξη δυναμικών ιστοσελίδων με ενισχυμένη και διαδραστικά interfaces . Η πρόσφατα κυκλοφόρησε HTML 5 παρουσιάζει το στοιχείο καμβά, ένα συστατικό που μπορεί να χρησιμοποιηθεί για να καταστήσει 2D σχήματα και εικόνες bitmap. JavaScript μπορεί να χρησιμοποιηθεί για να σχεδιάσετε ένα αντικείμενο , όπως ένα δέντρο , χρησιμοποιώντας το στοιχείο καμβά . Οδηγίες
Η

1 Ανοίξτε τον αγαπημένο σας πρόγραμμα περιήγησης στο Web σας και πλοηγηθείτε στο " codediesel.com /javascript /σχέδιο - δέντρα - σε καμβά . " Κάντε κλικ στο σύνδεσμο " Download Source " και αποθηκεύστε το αρχείο στο σκληρό δίσκο σας . Κάντε δεξί κλικ στο αρχείο , επιλέξτε " Εξαγωγή όλων" από το μενού που εμφανίζεται και επιλέξτε ένα φάκελο στον οποίο θα εξαγάγετε τα περιεχόμενα του αρχείου . 2

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου , όπως Notepad ή το WordPad , για να αρχίσετε να δημιουργείτε μια νέα σελίδα HTML
εικόνων 3

Ξεκινήστε τη σελίδα με τον συνήθη τρόπο , εισάγοντας αυτές τις γραμμές : .

Η 4

Δώστε τη σελίδα σας έναν τίτλο με τη χρήση του τίτλου tag , όπως αυτό : .

Μπορείτε να αντικαταστήσετε " JavaScript δέντρο καμβά " με οποιοδήποτε άλλο τίτλο
5

Καθορισμός και να φορτώσει το σενάριο εισάγοντας αυτή τη γραμμή :

Η " ? algoTree.js " είναι ένα σενάριο που αναπτύχθηκε για να σας βοηθήσει να σχεδιάσετε τα δέντρα με τη χρήση της HTML 5 καμβά
Η 6

Τερματισμός της . " " ενότητα και να αρχίσει το« κεφάλι τμήμα του σώματος " της σελίδας HTML με εισαγωγή αυτών των δύο γραμμές :

Η 7

Ορίστε το στοιχείο καμβά και τον τύπο του σεναρίου , χρησιμοποιώντας αυτές τις δύο γραμμές :

12

Επιβεβαιώστε τον κωδικό για τυχόν λάθη . Σε αυτό το σημείο , το έγγραφό σας μοιάζει με αυτό :

<καμβά id = " καμβά " >
Η 13

Επιλέξτε να αποθηκεύσετε το αρχείο κειμένου και πληκτρολογήστε " . html " στο πλαίσιο " όνομα αρχείου " , μετά το όνομα της ιστοσελίδας σας ιστοσελίδα , για να αποθηκεύσετε το έγγραφο ως αρχείο HTML . Αποθηκεύστε το στο φάκελο όπου προέρχονται τα περιεχόμενα του αρχείου . Η " algoTree.js " βρίσκεται σε αυτόν το φάκελο .
Η 14

Ανεβάστε το αρχείο HTML και το " algoTree.js " script σε ένα Web υποδοχής και ελέγξτε την ιστοσελίδα .


εικόνων