-
Notifications
You must be signed in to change notification settings - Fork 1
/
Pencil.js
38 lines (32 loc) · 1.15 KB
/
Pencil.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
var Pencil = {};
// Начинаем рисование
Pencil.start = function(evnt)
{
// Текущее положение мыши - начальные координаты
Pencil.x = evnt.clientX;
Pencil.y = evnt.clientY;
Canva.ctx.beginPath();
// Свойства рисования
Canva.ctx.strokeStyle = Canva.selectedColor;
Canva.ctx.lineWidth = Canva.selectedWidth;
Canva.ctx.moveTo(Pencil.x, Pencil.y); // Курсор на начальную позицию
Canva.drawing = true; // Начато рисование
};
// Рисование закончили
Pencil.finish = function(evnt)
{
Pencil.x = evnt.clientX;
Pencil.y = evnt.clientY;
Canva.ctx.lineTo(Pencil.x, Pencil.y); // Дорисовываем последнюю линию
Canva.drawing = false;
};
// Рисование в разгаре
Pencil.move = function(evnt)
{
Pencil.x = evnt.clientX;
Pencil.y = evnt.clientY;
Canva.ctx.lineTo(Pencil.x, Pencil.y); // Дорисовываем начатую линию
Canva.ctx.stroke();
// Начинаем рисованть новую линию из той же точки.
Canva.ctx.moveTo(Pencil.x, Pencil.y);
};