Javascript.RU

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

Canvas, заливка прилегающих пикселей.
Доброго времени суток. Прошу помощи У меня есть картинка на которой изображено 12 черных звезд. Мне нужно рядом с ней выводить эту же картинку только с цветными звездами, т.е. каждая звезда разного цвета.
Вот пример кода к которому пришел:

for (var y=0;y<h;++y){
for (var x=0;x<w;++x){
var i=(y*w+x)*4;
var r=d[i],g=d[i+1],b=d[i+2],a=d[i+3];

/* закрашивание пикселя */
console.log('x='+x+ '; y=' +y+ '; rgba='+r+', '+g+', '+b+', '+a+'. . .');
}
}

Я получаю цвет пикселя в каждой точке. Я не могу понять, как мне закрасить все соседние пиксели в определенный цвет. Голова уже кипит, не могу ничего придумать. Help!
Ответить с цитированием
  #2 (permalink)  
Старый 16.05.2015, 21:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Repka,
звёзды как расположены?
Ответить с цитированием
  #3 (permalink)  
Старый 16.05.2015, 21:55
Новичок на форуме
Отправить личное сообщение для Repka Посмотреть профиль Найти все сообщения от Repka
 
Регистрация: 16.05.2015
Сообщений: 4

Вот так:

******
******
_

и линия еще есть снизу, ее тоже закрасить нужно.
Ответить с цитированием
  #4 (permalink)  
Старый 16.05.2015, 22:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Repka,
разделить на сектора и менять цвет согласно сектору.
Ответить с цитированием
  #5 (permalink)  
Старый 16.05.2015, 22:12
Новичок на форуме
Отправить личное сообщение для Repka Посмотреть профиль Найти все сообщения от Repka
 
Регистрация: 16.05.2015
Сообщений: 4

Рони,
Хотелось бы сделать универсально, чтобы если звезды будут расположены не равномерно, скрипт отрабатывал бы. Все равно спасибо за совет
Ответить с цитированием
  #6 (permalink)  
Старый 16.05.2015, 22:39
Новичок на форуме
Отправить личное сообщение для Repka Посмотреть профиль Найти все сообщения от Repka
 
Регистрация: 16.05.2015
Сообщений: 4

Рони,
Если вам не сложно, не могли бы подсказать как разбить на сектора? Начал гуглить, ничего подходящего не нашел. Буду благодарен)
Ответить с цитированием
  #7 (permalink)  
Старый 16.05.2015, 22:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Repka,

http://websketches.ru/blog/raskrshiv...vas-javascript
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Повтор фото (getUserMedia(),HTML5 Canvas) aspex Элементы интерфейса 1 27.12.2014 16:46
canvas рисование окружности imedia Элементы интерфейса 2 30.05.2014 17:40
Почему неправильно вырисовывается canvas? Amateur Events/DOM/Window 0 19.09.2012 10:45
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 13:55
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 10:16