Живопись динамической области

Question

У меня есть такой рисунок (может быть в векторном формате):

alt text http://img228.imageshack.us/img228/2791/dom1.gif

Мне необходимо разместить его на сайте и динамически нарисовать его,Пользователь выбирает цвет (стены и крыша), а стена и крыша на изображении меняют цвет (в зависимости от выбора пользователя).

альтернативный текст http://img228.imageshack.us/img228/3946/domq.gif

Набор цветов не ограничен.

Какую технологию использовать для решения этой проблемы (я думаю, что это должна быть технология на стороне клиента)?

Варианты: pure css, canvas +javascript, jQuery, ...

Ограничение: мы не используем технологию flash.

Answer 1

Я выбрал библиотеку Raphael.

Я сохраняю картинку в формате svg и с помощью инструмента http://onlypaths.com/aaopblog/2009/11/7/ конвертирую svg в Raphael format (запись, понятная для Рафаэля),

Далее - обязательные поля заполняются цветом супер-библиотекой Рафаэля.

---

Еще один инструмент перевода из svg формат, понятный для Рафаэля - http://bkp.ee/atirip/

Answer 2

для Firefox и Chrome, у вас есть элемент canvas (хотя я не верю, что 3d-контексты реализованы, если это имеет значение)эти 2 также поддерживают svg.У Internet Explorer есть vml, если вы можете изменить свой тип документа и, возможно, перепрыгнуть через другие обручи.Вы можете использовать JavaScript, чтобы построить все точки и еще много чего.Кроме того, вы можете написать vml в строке со страницей.