本文主要是介绍前端知识 【svg+热区】处理平面图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1.背景：
为了更加直观的显示仓库系统中某个仓库中货架的库存情况，需要用平面图来展示，（需要动态文字，动态效果，比如点击事件等），尼玛，还居然不是很有规则。大小不一等，于是纠结起来...
2.传统的做法
label 绝对定位。但是这样往往做起来比较苦逼,遇到规则的还好，遇到不规则的就玩蛋去了。。。
3.创新做法
热区+svg 技术。下面开始一一分析
1.热区，大家都应该了解，使用DW就可以很容易的画出来、（蓝色区就是热区）
2.svg
什么是SVG？(详细看w3c介绍)
- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
- SVG 用来定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
这篇关于前端知识 【svg+热区】处理平面图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
