前端知识 【svg+热区】处理平面图 |
您所在的位置:网站首页 › 货架示意图怎么画 › 前端知识 【svg+热区】处理平面图 |
1.背景: 为了更加直观的显示仓库系统中某个仓库中货架的库存情况,需要用平面图来展示,(需要动态文字,动态效果,比如点击事件等),尼玛,还居然不是很有规则。大小不一等,于是纠结起来... 2.传统的做法 label 绝对定位。但是这样往往做起来比较苦逼,遇到规则的还好,遇到不规则的就玩蛋去了。。。 3.创新做法 热区+svg 技术。下面开始一一分析 1.热区,大家都应该了解,使用DW就可以很容易的画出来、(蓝色区就是热区) 2.svg 什么是SVG?(详细看w3c介绍) SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |