Javascript HTML5&；CSS3？

这就是我想要达到的目标。我有一张照片——加利福尼亚州的轮廓

我想根据一个值动态和编程地更改此图像的颜色

是否可以使用HTML5/CSS3/Javascript实现这一点？ 在更大的计划中，我打算拥有整个地图——只是它的一个空白轮廓。并通过将每个状态视为对象，用动态颜色填充每个状态

---

非常感谢编码提示和示例。

试试SVG，你可以用js控制它。这里有一个很好的图书馆

---

使用此库存档并运行文件/samples/javascript samples/helloworld.html，在顶部您将看到“更改颜色”按钮，我认为这正是您所需要的

如果您将轮廓作为矢量点（而不是图像），则将其渲染为HTML5对象，并根据需要填充和勾勒，这将非常简单

---

请参见

使用SVG进行操作，SVG有一个可以使用常规DOM访问器函数操作的DOM（您可以将其嵌入到HTML5中），或者如果它只是一个，则在状态为的地方使用白色背景和透明的图像，这样您就可以通过CSS更改图像的背景色（虽然我想这对你的案子没什么用处） Canvas对我来说似乎是一种过火的东西，它的支持并不比SVG好。

。我把它看作是一个原始的SVG，放在HTML页面中，功能保持不变

基本doctype是SVG/XML，用作

image/SVG+XML

，交互性完全包含在

JavaScript块中。SVG名称空间中的形状定义、排版和样式

两者之间的桥梁在于关键事件处理程序，特别是
，
，等等。XML元素描述符…例如给定图像的
…我如何生成向量点？有没有工具…？我想必须问的第一个问题是：如何获取向量点。到目前为止，我还没有发现这种讨论在谷歌的任何地方。