1 Ανοίξτε ένα νέο κενό έγγραφο και τίτλος «καμβά - animation.html . " Άνοιγμα νέο έγγραφο σας σε μια εφαρμογή την ανάπτυξη Web μπορεί να κάνει ευκολότερη επεξεργασία , αλλά αν δεν έχετε ένα απλά χρησιμοποιήστε μια βασική εφαρμογή επεξεργασίας κειμένου . 2
Γράψτε τον κωδικό για να καθορίσει το έγγραφο HTML5 , συμπεριλαμβανομένης της doctype , το κεφάλι και το σώμα του εγγράφου . Όπως στο ακόλουθο παράδειγμα , που το σύνολο χαρακτήρων και τον τίτλο στο κεφάλι εγγράφου:
Προσθήκη ? και ετικέτες στο σώμα του εγγράφου σας . Η ετικέτα ενότητα είναι νέα στην HTML5 . Ορίζει ενότητες σε ένα έγγραφο Web . Η ετικέτα καμβά ορίζει το ορθογώνιο καμβά που θα χρησιμοποιήσετε για να οικοδομήσουμε JavaScript animation σας . Το ακόλουθο παράδειγμα έχει το ID " animation ", το οποίο θα χρησιμοποιηθεί ως σημείο αναφοράς από JavaScript σας : HTML5 Canvas Animation . Η 4 Ρυθμίστε το πλάτος και το ύψος του καμβά σας και γεμίστε το με το κείμενο που θα εμφανίζεται σε προγράμματα περιήγησης που δεν υποστηρίζουν HTML5 . Ο καμβάς μπορεί να ρυθμιστεί σε οποιοδήποτε μέγεθος , ανάλογα με τις ανάγκες σας . Να θυμάστε, ωστόσο , ότι τα μεγαλύτερα καμβάδες χρειάζονται περισσότερο χρόνο για να φορτώσει . Εδώ είναι ένα παράδειγμα : HTML5 Canvas Animation Sorry, your browser δεν δεν υποστηρίζουν HTML5 και , με τη σειρά του , δεν μπορεί να φορτώσει αυτό το animation . . 5 " Paint" JavaScript animation σας επάνω στο στοιχείο χρησιμοποιώντας το " getElementById ( ) " μέθοδος για να συνδέσετε scripts σας στον καμβά " animation " ID . Αν δεν έχετε προηγούμενη εμπειρία γραπτώς JavaScript κινούμενα σχέδια , υπάρχουν μια σειρά από παραδείγματα που μπορείτε να δοκιμάσετε παρέχονται στην ενότητα Πόροι του παρόντος άρθρου . Η εικόνων
Ρυθμίστε το πλάτος και το ύψος του καμβά σας και γεμίστε το με το κείμενο που θα εμφανίζεται σε προγράμματα περιήγησης που δεν υποστηρίζουν HTML5 . Ο καμβάς μπορεί να ρυθμιστεί σε οποιοδήποτε μέγεθος , ανάλογα με τις ανάγκες σας . Να θυμάστε, ωστόσο , ότι τα μεγαλύτερα καμβάδες χρειάζονται περισσότερο χρόνο για να φορτώσει . Εδώ είναι ένα παράδειγμα :
" Paint" JavaScript animation σας επάνω στο στοιχείο χρησιμοποιώντας το " getElementById ( ) " μέθοδος για να συνδέσετε scripts σας στον καμβά " animation " ID . Αν δεν έχετε προηγούμενη εμπειρία γραπτώς JavaScript κινούμενα σχέδια , υπάρχουν μια σειρά από παραδείγματα που μπορείτε να δοκιμάσετε παρέχονται στην ενότητα Πόροι του παρόντος άρθρου . Η εικόνων
απόκρυψη ενός στοιχείου , όπως ένα div , από μια σελίδα HTML μπορεί να χρησιμοποιηθεί για να δώσει την ιστοσελίδα σας μια πιο δυναμική αίσθηση . Για παράδειγμα , σε ένα blog , ίσως να θέλετε οι επισκέπτες να είναι σε θέση να κάνετε κλικ σε ένα κουμπί για να αποκρύψετε τα σχόλια του blog post. Κρύβοντας όλα τα divs σε μια σελίδα μπορεί να επιτευχθεί με τη χρήση JavaScript για να κάνει αλλαγές στο μοντέλο αντικειμένου εγγράφου , ειδικά CSS ιδιότητες κάθε στοιχείου οθόνη . Οδηγίες Η 1 Δημιουργήστ
Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα