Динамическая область живописи

Question

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

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

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

alt text http://img228.imageshack.us/img228/3946/domq.gif

Множество цветов не ограничено.

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

Варианты: чистый CSS, холст + JavaScript, JQuery, ...

Ограничение: мы не используем технологию флэш-памяти.

Answer 1

Я выбрал библиотеку Рафаэль.

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

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

---

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

Answer 2

для firefox и chrome, у вас есть доступный элемент canvas (хотя я не верю, что реализованы 3D-контексты, если это имеет значение). эти 2 также поддерживают svg. Internet explorer имеет vml, если вы можете иметь дело с изменением своего doctype и, возможно, перепрыгивать через некоторые другие обручи. вы можете использовать javascript для построения всех точек и много чего. Кроме того, вы можете написать vml со страницей.