ПредишенСледващото

Ефективността.
Sobsno тук. Poshamaniv може да се постигне 900 + FPS. Otgadka в тестовата версия на Opera 11.50 с GPU ускорение. Това означава, че изпълнението да бъде добър, и ще продължи да расте с развитието на технологиите.

Методите и свойствата могат да бъдат намерени тук.

Рисуване.
Бих искала да отбележа, че наборът рисунка е минимална, само на необходимите основни неща. От Фигурира: дъга, правоъгълник, линия, криви. Например, за да начертаете кръг, е необходимо да се направи затворена дъга.
За да завъртите изготвени фигури, трябва да се върти цялата платното (прекият път да се превърне цифра не е налице), да се направи желаната форма, а след това се връща назад да платното. Можете също така да се измести началните координати на платното. Има методи, за да спаси позицията на платното и да го върнат в запазеното състояние. Налице е подкрепа за показване на текст, добавяне на снимки.
clearRect () метод изчиства правоъгълна област на платното.
Аз трябва да кажа, че API не е много удобно - параметрите на метод може да се 9 броя:

да се разбере този код, разбира се, че не е много приятно. IMHO, много по-удобно би било да се прехвърлят на обекта:

Този проблем е решен рамки преглед на своя резултат няма, Google себе си, ако искате, или напишете своето собствено.

Animation.
Може би най-важният и най-интересен аспект canvas'a.
Ако го направите в анимация с помощта на Adobe Flash, не забравяйте, че можете просто да промените позицията на даден обект на сцената, или външния му вид чрез промяна на съответните опции. Тук трябва да се преначертае всичко от нулата, това означава, например, за тийнейджърите за движение, трябва да се почистват всеки кадър старата позиция и направи нова.
Тъй като има вградена поддръжка за изготвяне цялото изображение или само определени области - анимация спрайт изпълняват бързо и лесно.
Почистване на цялото платно, използвайки clearRect () - скъп процес, и ако ще се чисти цялата платното всеки кадър, веднага след това почина във въпроса на производителността. Затова основното правило тук - преначертае само това, което се е променило. Една популярна решение е суперпозиция на няколко прозрачно платно в началото на всяка друга, за да се направи статични елементи в фон платно и чести промени в предната част. Отново рамките може да послужи като добър помощници в този случай, но може напротив да се направи допълнително почистване на платното, ако се използва неправилно.

3D.
Да, можете да се направи в 3D. В мрежата има много примери. Няма да описвам в рамките на вратата.

Какво имам.
С поглед към това, и примерите, аз също исках да "zaanimirovat" никакви глоби. На следващия ден имам нещо вече се е случило, но я изядох 70% от процесора и аз взех оптимизацията. Изоставянето на двете изследвани рамки, и прекарва всички новогодишни празници, аз съм бил в състояние да постигне нещо. Вярно е, че виси изцяло Firefox за Ubuntu, докато в други браузъри, включително версии на прозорци в ОФ, натоварването е приемливо. Това се оказа да бъде написана на bugtracker Mozilla.

Послепис Ако четете в интернет, почти под всяка статия на платното - избухна holivar платно срещу SVG, но аз питам читателите да направят този пост е изключение.

Подкрепете проекта - споделете линка, благодаря!