Как сделать резиновую нить?

@rossomaha20101 · Регистрация: 19.12.2012

Студворк — интернет-сервис помощи студентам

Я тоже сейчас пишу подобную рисовалку. Меня который день мучает вопрос как сделать резиновую нить? Вроде сделала, НО вот только хотелось бы что был виден сам процесс проведения линии, а то её видно только при onmouseup. Может вы сможете мне помочь с данным вопросом?

@JsLoveR · 19.12.2012, 19:40

rossomaha20101, помочь можем, главное понять, что вам нужно, лично, не понял, что за резиновая нить.

@rossomaha20101 · 22.12.2012, 04:47 **[ТС]**

HTML5
1
2
3
4
<INPUT id="line" type="button" value="нить" onclick="drawLine();">
           <canvas id="canvas" width="450px" height="400px">
                        <p>Ваш браузер не поддерживает данное приложение.</p>
       </canvas>

JavaScript
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
            function init() 
            {
                canvas = document.getElementById("canvas");
                ctx = canvas.getContext("2d");
            }
 
                                    //резиновая нить
            function drawLine()
            {
                ctx.save();
                ctx.closePath();
                canvas.onmousedown = function (e)
                                            {
                                                var mouseX = e.pageX - 14;
                                                var mouseY = e.pageY - 14;
                                                ctx.beginPath();
                                                ctx.moveTo(mouseX,mouseY);
                                            }
                canvas.onmousemove = function (e)
                                            {
                                                                                        
                                            }
                canvas.onmouseup = function (e)
                                            {
                                                var mouseX1 = e.pageX - 14;
                                                var mouseY1 = e.pageY - 14;
                                                ctx.lineTo(mouseX1,mouseY1);
                                                ctx.stroke();
                                                ctx.closePath();
                                            }
                
            }

@Grand7 · 23.12.2012, 02:29

Странно у Вас "реализовано" всё это.

Конструкция должна выглядеть примерно так.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function drawLine () {
  var line_status = 0;
 
  canvas.onmousedown = function () {
    line_status = 1;
    ctx.beginPath();
  };
 
  canvas.onmousemove = function (e) {
    if (line_status) {
      ctx.lineTo((e.pageX - 14), (e.pageY - 14));
      ctx.stroke()
    };
  };
 
  canvas.onmouseup = function () {
    line_status = 0;
    ctx.closePath();
  };
};

Новые блоги и статьи Все статьи Все блоги /
1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .
Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .

@rossomaha20101 0 / 0 / 0 Регистрация: 19.12.2012 Сообщений: 12

	Как сделать резиновую нить? 19.12.2012, 18:46. Показов 1563. Ответов 3 Метки нет (Все метки) Я тоже сейчас пишу подобную рисовалку. Меня который день мучает вопрос как сделать резиновую нить? Вроде сделала, НО вот только хотелось бы что был виден сам процесс проведения линии, а то её видно только при onmouseup. Может вы сможете мне помочь с данным вопросом? 0

@JsLoveR 425 / 167 / 48 Регистрация: 05.12.2012 Сообщений: 855
	19.12.2012, 19:40
	rossomaha20101, помочь можем, главное понять, что вам нужно, лично, не понял, что за резиновая нить. 0