HTML5 Canvas рисование

html JavaScript рисование html5 canvas

Есть у меня элемент Canvas. <canvas id="canvas" style="box-shadow: 0 0 9px black"> </canvas>
В нем я рисую пока что обычным карандашом(тонкой линией).
Сделал список цветов линии,
<select name="zvan" onChange="K();" >
<option>Черный</option>
<option>Зеленый</option>
<option>Красный</option>
<option>Синий</option>
</select>
при выборе цвета должен изменяться цвет линии и рисоваться уже выбраным цветом.
Функция для списка:
function K() {
val = document.MyForm.zvan.selectedIndex;
if (val == 0) {
kkk = 'red';
}
if (val == 1) {
kkk = 'green';
}
if (val == 2) {
kkk = 'blue';
}
}
И вот часть функции где задаеться цвет линии
Canva.init = function (id, width, height)
{
this.selectedColor = kkk;
...

Почему когда я просто переменной kkk задаю к примеру 'red' он рисует нормально красным, когда через функцию, при выборе элемента списка, он цвет не присваевает. На уме только одно, что надо как-то канвас обновлять, хотя могу ошибаться.
Ответы:
Вызывай функцию Canva.init после изменения переменной kkk каждый раз.
Хоть это и не совсем правильно.


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.