LXF94:Графическое web-приложение
Материал из Linuxformat
(Различия между версиями)
Lodger (обсуждение | вклад) (→Рисование фигур =) |
Lodger (обсуждение | вклад) |
||
| Строка 10: | Строка 10: | ||
=== Рисование фигур === | === Рисование фигур === | ||
| − | |||
=== Градиенты, дуги и кривые === | === Градиенты, дуги и кривые === | ||
| Строка 16: | Строка 15: | ||
=== Взаимодействие с холстом === | === Взаимодействие с холстом === | ||
| + | |||
| + | ---- | ||
| + | |||
| + | == Ресурсы == | ||
| + | |||
| + | *http://developer.mozilla.org/en/docs/Canvas_tutorial Руководство от Mozilla, описывающее все доступные функции. | ||
| + | *http://canvaspaint.org Полюбуйтесь на canvas-версию старой программы Paint. | ||
| + | *http://www.whatwg.org/specs/web-apps/current-work/#the-canvas WHATWG-спецификация canvas. | ||
| + | |||
| + | == Попробуйте еще == | ||
| + | |||
| + | Не останавливайтесь на достигнутом – попробуйте другие функции... | ||
| + | *createPattern() превращает изображения или другие объекты canvas в шаблоны для многократного использования. | ||
| + | *clearRect(x2,y1,x2,y2) очищает кусок холста. | ||
| + | *clip() создает путь отсечения так, что вы можете ограничить холст определенной фигурой, например, кругом или сложным | ||
| + | многоугольником. | ||
Версия 14:43, 12 марта 2008
|
|
|
Содержание |
Canvas: Холст для web-картин
Новый HTML-элемент canvas позволяет программировать графику в браузере. Дэн Фрост покажет вам, как использовать этот мощный тэг.
Привет, мир графики
Расширяем холст
Рисование фигур
Градиенты, дуги и кривые
Взаимодействие с холстом
Ресурсы
- http://developer.mozilla.org/en/docs/Canvas_tutorial Руководство от Mozilla, описывающее все доступные функции.
- http://canvaspaint.org Полюбуйтесь на canvas-версию старой программы Paint.
- http://www.whatwg.org/specs/web-apps/current-work/#the-canvas WHATWG-спецификация canvas.
Попробуйте еще
Не останавливайтесь на достигнутом – попробуйте другие функции...
- createPattern() превращает изображения или другие объекты canvas в шаблоны для многократного использования.
- clearRect(x2,y1,x2,y2) очищает кусок холста.
- clip() создает путь отсечения так, что вы можете ограничить холст определенной фигурой, например, кругом или сложным
многоугольником.
