Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.02.2015, 21:39
Аватар для nayldock
Интересующийся
Отправить личное сообщение для nayldock Посмотреть профиль Найти все сообщения от nayldock
 
Регистрация: 05.01.2015
Сообщений: 19

canvas перерисовывается
Здравствуйте! Вот такой вопрос: рисую лини в канвасе, выбираю другой цвет, снова рисую линии и все линии поменяли цвет на последний выбранный. Нужно чтобы такого не происходило, т.е. хочу чтобы линии разноцветные были:
<body>
<canvas width="600" height="600" id="holst"></canvas><br>
x:<input type="text" id="x">
y:<input type="text" id="y">

<input type="button" value="начальная точка" onClick="drow()">
<input type="button" value="линия" onClick="drow2()">
<input type="color" id="col">

function drow()
{
var holst = document.getElementById("holst")
var pen = holst.getContext("2d")
var x = parseInt(document.getElementById("x").value)
var y = parseInt(document.getElementById("y").value)
pen.moveTo(x,y)

}
function drow2()
{
var holst = document.getElementById("holst")
var pen = holst.getContext("2d")
var x = parseInt(document.getElementById("x").value)
var y = parseInt(document.getElementById("y").value)
pen.lineTo(x,y)
var col = document.getElementById("col").value
pen.strokeStyle = col
pen.lineWidth = 3
pen.stroke()
}

Для пояснения дополню: в документе 2 текстовых поля - для координат x и y. И 2 кнопки: 1-я ставит начальную точку, вторая после введения новых координат, рисует к этим координатам линию.

Последний раз редактировалось nayldock, 04.02.2015 в 21:42.
Ответить с цитированием
  #2 (permalink)  
Старый 05.02.2015, 05:20
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Юзай beginPath() когда новую линию делаешь. В данном случае вставь pen.beginPath() перед pen.moveTo(x,y).
Ответить с цитированием
  #3 (permalink)  
Старый 05.02.2015, 13:12
Аватар для nayldock
Интересующийся
Отправить личное сообщение для nayldock Посмотреть профиль Найти все сообщения от nayldock
 
Регистрация: 05.01.2015
Сообщений: 19

Спасибо за помощь!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Повтор фото (getUserMedia(),HTML5 Canvas) aspex Элементы интерфейса 1 27.12.2014 16:46
Canvas картинка с обесцвечиванием. cheba Общие вопросы Javascript 9 31.05.2013 09:13
canvas и drawImage() jussik Элементы интерфейса 0 27.10.2012 16:57
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 13:55
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 10:16