Заливка области изображения цветом

S5
На сайте с 04.01.2010
Offline
77
1342

Добрый день! Встала задача повторить нечто такое на javascript\jQuery:

http://grupadps.com.ua/cg.html

Суть - есть сцена, на которой нужно изменять цвета некоторых элементов (потолок, стены, простенки), соль в том, что они имеют различную геометрию и накладываются друг на друга. Толкните в какую сторону искать, с таким сталкиваюсь впервые

kdv12
На сайте с 05.12.2011
Offline
52
#1

Попробуй реализовать с помощью canvas (http://htmlbook.ru/html/canvas).

Разработка сайтов любой сложности на 1С-Битрикс. Бесплатные консультации.
S5
На сайте с 04.01.2010
Offline
77
#2

Я думал над этим вариантом, но дело в том что область заливки не всегда имеет прямоугольную форму и в некоторых моментах может получиться что граница двух заливок будет идти бок-о-бок друг с другом и под каким-то углом к горизонтали. тут бы был идеален вариант типа имаджмап, чтобы можно было задать ручками геометрию области заливки

Ayavryk
На сайте с 11.10.2003
Offline
209
#3
sg552:
идеален вариант типа имаджмап

canvas намного круче - полигоны, круги и вообще что угодно http://www.html5canvastutorials.com/tutorials/html5-canvas-linear-gradients/ при необходимости куча графических библиотек в том числе на основе jquery

Второй вариант SVG и тоже куча библиотек см http://raphaeljs.com/

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
S5
На сайте с 04.01.2010
Offline
77
#4

Спасибо, рафаэль то что нужно, как-то вылетел он у меня из головы :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий