| 1 |
ctx = canvas.getContext("2d") |
Метод предназначенный для визуализации рисования на холсте |
| 2 |
ctx.fillRect(x, y, w, h) |
Создание сплошного прямоугольника |
| 3 |
ctx.fillStyle = 'color' |
Выбор цвета для заполнения фигур |
| 4 |
ctx.strokeRect(x, y, w, h) |
Создание полого прямоугольника |
| 5 |
ctx.strokeStyle = 'color' |
Выбор цвета для границы у фигур |
| 6 |
ctx.clearRect(x, y, w, h) |
Удаление прямоугольной формы из холста |
| 7 |
ctx.font = '30px Arial' |
Выбор шрифта |
| 8 |
ctx.fillText('Text', x, y) |
Создание сплошного текста на холсте |
| 9 |
ctx.strokeText('Text', x, y) |
Создание полого текста на холсте |
| 10 |
ctx.beginPath() |
Начать рисовать пользовательскую фигуру |
| 11 |
ctx.moveTo(x, y) |
Передвинуть точку для начала рисования (не рисуя) |
| 12 |
ctx.lineTo(x, y) |
Передвинуть точку для рисования (рисуя) |
| 13 |
ctx.stroke() |
Заливаем путь цветом |
| 14 |
ctx.fill() |
Заливаем пользовательскую фигуру цветом |
| 15 |
ctx.closePath() |
Автоматически завершаем пользовательскую фигуру |
| 16 |
ctx.arc(x, y, radius, startAngle, endAngle) |
Создание формы дуга (круг можно создать следующим образом: ctx.arc(100, 100, 40, 0, Math.PI * 2) |
