From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/canvas_api/tutorial/index.html | 58 +++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 files/ru/web/api/canvas_api/tutorial/index.html (limited to 'files/ru/web/api/canvas_api/tutorial/index.html') diff --git a/files/ru/web/api/canvas_api/tutorial/index.html b/files/ru/web/api/canvas_api/tutorial/index.html new file mode 100644 index 0000000000..8409367956 --- /dev/null +++ b/files/ru/web/api/canvas_api/tutorial/index.html @@ -0,0 +1,58 @@ +--- +title: Руководство по Canvas +slug: Web/API/Canvas_API/Tutorial +tags: + - Canvas + - Graphics +translation_of: Web/API/Canvas_API/Tutorial +--- +

{{CanvasSidebar}}

+ +

<canvas> — это HTML элемент, использующийся для рисования графики средствами языков программирования (обычно это JavaScript). Он может, к примеру, использоваться для рисования графов, создания коллажей или простой (и не очень) анимации.
+ Изображения в правой части статьи являются примерами использования <canvas>.
+ Примеры их создания приводятся в этой статье. 

+ +

В этом руководстве описываются основы использования элемента <canvas> для рисования 2D-графики. Приведенные примеры дадут вам понимание того, что вы можете сделать с помощью <canvas>, а использованные в статье фрагменты кода помогут в создании собственных проектов.

+ +

Впервые <canvas> использовался компанией Apple для создания Mac OS X Dashboard, а затем был реализован в Web-браузерах. На сегодняшний день все основные браузеры поддерживют работу с <canvas>. Тег <canvas> часть спецификации WhatWG Web applications 1.0 также известной как HTML5.

+ +

Прежде чем начать

+ +

Работа с элементом <canvas> довольно проста, но потребует от вас базовых знаний HTML и JavaScript. Следует предупредить о том, что элемент <canvas> не работает в некоторых старых браузерах, но поддерживается большинством современных браузеров. Стандартный размер <canvas>  300px × 150px (ширина × высота), однако эти размеры могут быть изменены при помощи HTML-атрибутов height и width. Для рисования графики <canvas> мы будем использовать javascript context object,  который создает графику динамически.

+ +

В этом руководстве

+ + + +

Смотрите Также

+ + + +

Примечание для помощников

+ +

Из-за досадной технической ошибки, которая произошла 17 июня 2013 года, мы утеряли историю по этому руководству, в том числе атрибуции ко всем прошлым, участвовавшие в его создании. Мы приносим извинения за это, и надеемся, что вы простите нас за этот несчастный случай. 

+ +
+
{{ Next("Web/API/Canvas_API/Tutorial/Basic_usage") }}
+
-- cgit v1.2.3-54-g00ecf