响应式地图由多个图像文件组成

Question

我在响应式网页设计方面几乎完全是一个菜鸟，我试图用交互式地图制作响应式网络应用程序。

地图由七个单独的图像文件组成 - 每个区域一个。必须将地图拆分为单独的图像，以便我可以根据从数据库中获取的数据更改每个图像的透明度（因此，区域颜色强度）。

我希望地图居中，但我也希望每个地区的单个图像（构成地图）保持其位置。

我能想到的最好的比喻是拼图，即使浏览器调整大小，这些部分也能保持正确的位置来完成拼图的图像。

实现这一目标的最简单方法是什么？

请记住，我仍然需要能够控制每个地区图像的透明度。

任何帮助或建议都会非常感激，因为我不知道从哪里开始！对不起，如果我的描述很差 - 随意探测。

干杯，

威尔

Answer 1

我最终使用了插图画家制作的SVG，效果很好。将其嵌入内联，因为该目录中包含SVG文件。