Html 如何降低图像贴图的复杂性？

我正在Linux（Ubuntu）上使用KImageMapEditor创建一个图像映射。图像中的形状有点复杂，所以我使用徒手工具来绘制它们。然而，这实际上与多边形工具是一样的，因此形状最终有很多点，这使得HTML非常庞大

有人知道降低形状复杂性的方法吗，比如“平滑”线条

---

我还应该提到我希望形状相当准确的原因是因为我打算这样做，每个形状都在鼠标上方突出显示：

因为用户不会点击像素，所以给他们一些空间，创建一个“草率”的形状大致勾勒出每个形状的贴图，而不是紧贴实际像素轮廓

---

这与你不希望仅仅因为你点击了文本中的背景而点击链接失败的方式是一样的。您希望文本的边界框充当可单击区域，而不是“黑色像素”。

因为用户不打算单击像素，所以给他们一些空间，创建一个“粗略”的贴图，大致勾勒出每个形状，而不是紧贴实际的像素轮廓

---

这与你不希望仅仅因为你点击了文本中的背景而点击链接失败的方式是一样的。您希望文本的边界框充当可单击区域，而不是“黑色像素”。

算法：给定三个连续点，如果创建的角度小于允许的误差e，则消除中点。

---

算法：给定三个连续点，如果创建的角度小于容许误差e，则消除中点。

---

我明白你的意思，但我希望能增加这样的效果：-如果每个形状周围都有一个大正方形，那就很糟糕了。不过，我可能会找到一个折衷方案。对于地图高光，创建透明PNG，并在获得悬停事件时使用JS将其覆盖在地图上。这让你可以充分利用你的图像处理程序的功能来实现效果。这是一个更新，因为它刚刚获得了“热门问题”徽章：最后我选择了简单的圆形。结果如下：@DistanbledCoat:极好的解决方案！我明白你的意思，但我希望能增加这样的效果：-如果每个形状周围都有一个大正方形，这看起来很糟糕。不过，我可能会找到一个折衷方案。对于地图高光，创建透明PNG，并在获得悬停事件时使用JS将其覆盖在地图上。这让你可以充分利用你的图像处理程序的功能来实现效果。这是一个更新，因为它刚刚获得了“热门问题”徽章：最后我选择了简单的圆形。结果如下：@DistanbledCoat:极好的解决方案！