动态区域画

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。