動態區域畫

Question

我有這樣的畫（它可以是一個矢量格式）：

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

有必要對我來說，將它放在一個網站，並動態地繪製它。用戶選擇顏色（牆壁和屋頂），並且圖片上的牆壁和屋頂都會改變顏色（根據用戶的選擇）。

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

該組顏色沒有限制。

什麼技術用於決定這個問題（我認爲它應該是客戶端技術）？

變種：純CSS，帆布+ JavaScript的，jQuery的，...

限制：我們不使用Flash技術。

Answer 1

我選擇了圖書館拉斐爾。

我將圖片以svg的格式保存，並使用工具http://onlypaths.com/aaopblog/2009/11/7/將svg轉換爲Raphael format（記錄，Raphael可以理解）。

下一步 - 必填字段由超級圖書館Raphael填充顏色。

---

從svg理解的拉斐爾的格式另一種翻譯工具 - http://bkp.ee/atirip/

Answer 2

對於Firefox和Chrome，你有canvas元素可用（儘管我不相信3d上下文被實現，如果這很重要）。那2個也支持svg。互聯網瀏覽器有vml可用，如果你可以處理改變你的文檔類型，並可能跳過其他一些箍。你可以使用JavaScript來繪製所有的點和什麼。此外，您可以在頁面上內嵌vml。