ეს ელემენტი სარგებლობს სხვა ტექნოლოგიებზე
HTML5 მოიცავს საინტერესო ელემენტს მოუწოდა CANVAS. მას აქვს უამრავი გამოყენება, მაგრამ იმისათვის, რომ გამოიყენოთ ეს თქვენ უნდა ვისწავლოთ ზოგიერთი JavaScript, HTML, და ზოგჯერ CSS.
ეს ქმნის CANVAS ელემენტს ცოტა დამსხვრეული ბევრი დიზაინერების, და სინამდვილეში, ყველაზე სავარაუდოდ იგნორირება ელემენტს სანამ არსებობს საიმედო ინსტრუმენტები შექმნა CANVAS ანიმაცია და თამაშები გარეშე იცის JavaScript.
რა HTML5 ტილო გამოიყენება
HTML5 CANVAS ელემენტის გამოყენება შეიძლება ბევრი რამ, რაც ადრე, თქვენ უნდა გამოიყენოთ ჩადგმული განაცხადი, როგორიცაა Flash გენერირება:
- დინამიური გრაფიკა
- ონლაინ და ოფლაინ თამაშები
- ანიმაცია
- ინტერაქტიული ვიდეო და აუდიო
სინამდვილეში, ძირითადი მიზეზი ადამიანები იყენებენ CANVAS- ს ელემენტს იმის გამო, თუ რამდენად ადვილია, რომ მოხდეს მარტივი ვებ-გვერდი დინამიური ვებ აპლიკაციაში და შემდეგ დააკონვერტიროთ ეს პროგრამა მობილური აპლიკაციისთვის სმარტფონებისა და ტაბლეტების გამოყენებაზე.
თუ ჩვენ გვყავს Flash, რატომ გვჭირდება ტილო?
HTML5 სპეციფიკაციის მიხედვით, CANVAS ელემენტია:
"... რეზოლუციაზე დამოკიდებული ბიტუმი ტილო, რომელიც შეიძლება გამოყენებულ იქნეს გრაფიკების, თამაშის გრაფიკების, ხელოვნების ან სხვა ვიზუალური სურათების შესახებ."CANVAS- ის ელემენტს გაძლევთ გრაფიკის, გრაფიკის, თამაშების, ხელოვნების და სხვა ვიზუალური გადაღებების უფლება ვებ-გვერდზე რეალურ დროში.
თქვენ შეიძლება ფიქრობთ, რომ ჩვენ შეგვიძლია უკვე გავაკეთოთ, რომ Flash, მაგრამ არსებობს ორი ძირითადი განსხვავებები CANVAS და Flash:
- CANVAS ელემენტი HTML- ში ჩართულია. სკრიპტები, რომლებიც მასზე მიმაგრებულია HTML ან დაკავშირებულ გარე ფაილში. ეს ნიშნავს, CANVAS ელემენტი არის დოკუმენტის ობიექტის მოდელი, ან DOM- ის ნაწილი.
- Flash არის ჩაშენებული გარე ფაილი. იგი იყენებს EMBED- ს ან OBJECT- ის ელემენტს, და არ შეესაბამება პირდაპირ სხვა HTML ელემენტებს. იმის გამო, რომ CANVAS ელემენტი DOM- ის ნაწილია, მას შეუძლია ურთიერთქმედება DOM- სთან ბევრ სხვა გზაზე.
- მაგალითად, შეგიძლიათ შექმნათ ანიმაცია, რომელიც იცვლება როდესაც სხვა გვერდის გვერდი ინტერაქციაშია, როგორიცაა ფორმა ელემენტის შევსება. Flash- ით, ყველაზე მეტად შეიძლება გააკეთოთ ფლეშ ფილმის ან ანიმაციის დაწყება, მაგრამ CANVAS შეგიძლიათ შექმნათ ბევრი სხვადასხვა ეფექტი, მაშინაც კი, ტექსტის ფორმით სფეროში შევიდა ანიმაცია.
- CANVAS- ის ელემენტი არის ვებ-ბრაუზერის მხარდაჭერა. იმისათვის, რომ მომხმარებელს რეალურად გამოიყენოს Flash, მათი ბრაუზერი უნდა ჰქონდეს მოდული დაყენებული. ეს ხშირად hassle უმეტესობა გამო მოძველებული Flash installs ან ის ფაქტი, რომ მათი ოპერაციული სისტემა უბრალოდ მხარს არ უჭერს მას.
- იგი გამოიყენება, რომ ყველა ბრაუზერი ჰქონდა მოდული დამონტაჟებული, მაგრამ ეს აღარ არის საქმე, და ბევრი კი მოხსნის მოდული გამო სირთულეები. Plus, ეს არ არის ხელმისაწვდომი პოპულარული iOS პლატფორმა.
ტილო არის სასარგებლოც კი, თუ თქვენ არასდროს დაგეგმილი არ გამოიყენოთ Flash
ერთერთი მთავარი მიზეზი, რის გამოც CANVAS- ის ელემენტი იმდენად დამაბნეველია, რომ ბევრი დიზაინერი აბსოლუტურად სტატიკური ვებსაიტი გახდა. სურათები შეიძლება იყოს ანიმაციური, მაგრამ ეს კეთდება GIF- თან, და რა თქმა უნდა, შეგიძლიათ ვიდეოს გვერდებზე გადატანა, მაგრამ ისევ ის სტატიკური ვიდეო, რომელიც უბრალოდ ზის გვერდზეა და შეიძლება იწყებოდეს ან შეწყდეს ურთიერთქმედების გამო, მაგრამ ეს ყველაფერია.
CANVAS- ის ელემენტს საშუალებას გაძლევთ დაამატოთ იმდენად მეტი ინტერაქტიკა თქვენს ვებ-გვერდებზე, რადგან ახლა თქვენ შეგიძლიათ აკონტროლოთ გრაფიკული, სურათები და ტექსტი დინამიურად სკრიპტინგის ენაზე. CANVAS ელემენტი დაგეხმარებათ სურათების, ფოტოების, სქემების და გრაფიკების გადატანა ანიმაციური ელემენტებისკენ.
როდესაც განიხილავს ტილო ელემენტს
თქვენი აუდიტორია უნდა იყოს თქვენი პირველი განხილვა, როდესაც გადაწყვეტთ თუ არა გამოიყენოთ CANVAS ელემენტი.
თუ თქვენი აუდიტორია პირველ რიგში Windows XP და IE 6, 7, ან 8 გამოყენებით, მაშინ დინამიური ტილო ფუნქციის შექმნა უაზრო იქნება, რადგან ეს ბრაუზერები მას მხარს არ უჭერენ.
თუ თქვენ აშენებთ აპლიკაციას, რომელიც გამოყენებული იქნება მხოლოდ Windows- ში, მაშინ Flash შეიძლება იყოს თქვენი საუკეთესო ფსონი. Windows- ისა და Mac- ის კომპიუტერებში გამოყენებული აპლიკაცია ვერ მიიღებს Silverlight- ის აპლიკაციას.
თუმცა, თუ თქვენი აპლიკაცია უნდა იქნას გამოყენებული მობილური მოწყობილობებისთვის (ორივე Android და iOS), ასევე თანამედროვე კომპიუტერების კომპიუტერები (განახლებული უახლესი ბრაუზერის ვერსიები), შემდეგ კი CANVAS ელემენტის გამოყენება კარგი არჩევანია.
გაითვალისწინეთ, რომ ამ ელემენტის გამოყენება საშუალებას გაძლევთ დაბრუნების პარამეტრები, როგორიცაა ძველი ბრაუზერების სტატიკური გამოსახულება, რომლებიც ხელს არ უწყობენ ხელს.
თუმცა, ის არ არის რეკომენდირებული, რომ გამოიყენოთ HTML5 ტილო ყველაფრისთვის. არასდროს არ უნდა გამოიყენოთ იგი თქვენი ლოგოს, სათაურის ან ნავიგაციისთვის (მიუხედავად იმისა, რომ მას იყენებენ, რომ რომელიმე მათგანის ნაწილი იყოს კარგი).
დაზუსტების მიხედვით, თქვენ უნდა გამოიყენოთ ისეთი ელემენტები, რომლებიც ყველაზე შესაფერისია, რაც თქვენ ცდილობთ აშენებას. გამოიყენეთ HEADER ელემენტი, სურათებით და ტექსტით სასურველია CANVAS ელემენტისთვის თქვენი სათაურისა და ლოგოსთვის.
ასევე, თუ თქვენ შექმნით ვებ-გვერდს ან აპლიკაციას, რომელიც განკუთვნილია გამოყენებული არასამთავრობო ინტერაქტიული მედიის საშუალებით ბეჭდვის მსგავსად, უნდა იცოდეს, რომ CANVAS- ის ელემენტი, რომელიც დინამიურად განახლდა, შეიძლება არ მოეთხოვოთ ბეჭდვით. თქვენ შესაძლოა მიიღოთ მიმდინარე შინაარსის ან შემომავალი შინაარსის ბეჭდვა.