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

Responsive map made of multiple image files

本文关键字：响应地图文件图像更新时间：2023-09-26

在响应式网络设计方面，我几乎是个傻瓜，我正试图制作一个带有交互式地图的响应式网络应用程序。

地图由七个独立的图像文件组成，每个区域一个。地图必须被分割成单独的图像，这样我就可以根据从数据库中获取的数据来改变每个图像的透明度（从而改变区域的颜色强度）。

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

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

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

裸在心里，我仍然需要能够控制每个区域图像的透明度。

任何帮助或建议都将不胜感激，因为我不知道从哪里开始！如果我的描述不好，很抱歉，请随意探究。

干杯，

是否

我最终使用了illustrator中制作的SVG，效果非常好。以内联方式嵌入它，相当于在目录中有一个SVG文件。