svg glyph替代_使用SVG替代Imagemaps

svg glyph替代

To create a clickable map on a website – for example, to create a world map for an company with several international distribution centers –  imagemaps have been the traditional solution: bitmaps with linked “hotspots” written in HTML. While this works, imagemaps have several significant limitations in modern web design:

要创建一个网站上的点击地图-例如，创建一个公司的世界地图与多家国际配送中心- 图像映射一直是传统的解决方案：写在连接的“热点”位图HTML 。 在此可行的同时，图像映射在现代Web设计中具有几个重大限制：

• Imagemaps take significant time to develop, due to the fact that the hotspots must be plotted by hand.
  由于必须手动绘制热点，因此图像地图需要花费大量时间来开发。

• While you can scale the bitmaps that makes up the imagemap, the plotted points in HTML do not scale, “drifting” the hotspots out of registration with their associated visual area.

  虽然您可以缩放组成图像图的位图，但HTML中的绘制点不会缩放， 不会将热点“漂移”到其关联的可视区域中。

• Bitmaps tend to drop in quality or have an uncomfortably large file size when they are scaled, making them inappropria