html-图像和svg元素

我正在制作一张交互式地图，但无法在上面放置图像。 .svg地图是在Inkscape上开发的，并划分为多个区域

我需要把这些地区的图像

我为此编写了一些代码，但它只在Firefox浏览器中工作。当我用鼠标指向这张图片时，整个页面开始滞后。在Opera和Chrome浏览器中，此图像以低分辨率显示

这部分代码从开始到图片上的该地区包括：

你说的“开始滞后”是什么意思。“图像以低分辨率显示”的确切含义是什么？它是像素化的吗？不幸的是，我们无法从您的示例片段中分辨出来，因为指向图像的链接已断开。@PaulLeBeau我的意思是，当我将鼠标指向图像时，这就像是在瞬间放下fps一样。在其他浏览器中，这张图像像是模糊的，但没有fps下降。此图像的分辨率：678x666@Paulie_D这只是代码的一部分，我将图像放在这个特定的地区，如果需要，我可以复制/粘贴地图的整个代码并制作地图的图片，只是不能在没有声誉的情况下粘贴这个问题中的图片。@Paulie_D这个部分和这行中的路径将其放在地区：fill=“url（#img1）"