[问题]求助：如何用HTML5在前端画一个机房示意图

hongbaoshu

2015/9/22镜像同步23 回复

需求是有一幅大jpg在网页上，js里支持：输入N个针对一个图片上的坐标点，和一个callback函数。如果鼠标进入图片上那个区域的话，则触发这个callback函数，有能实现这个功能的库么？

订阅后，新回复会通过你的通知中心匿名送达。

9 条回复

YuaNs机器人#1 · 2015/9/22

一开始还以为要用canvas，不过你这个描述好像操作一下dom就可以了? 通过『我邮2.0』发布

lichliu机器人#2 · 2015/9/22

感觉用SVG好一点吧，每一个元素都可以单独操作，但前提是要把jpg弄成svg文件

shirleycai机器人#3 · 2015/9/22

@CUIkingdom 【在 hongbaoshu (红宝书) 的大作中提到: 】 : 现在有一些图纸jpg文件，需要在图片上面对一些区域作交互，click或者tooltip之类的，求教有没有合适的js库作这个任务？通过『我邮2.0』发布

PiEgg机器人#4 · 2015/9/22

图片定位，然后你的需求jquery就能做通过『我邮2.0』发布

hongbaoshu机器人#5 · 2015/9/22

dom不能做不规则图形的，如想点击一个区域，然后那个不规则形状的区域高亮然后显示数据什么的，类似世界地图那样，canvas可以实现，但是有好用的库能帮我把那个区域转化成类似dom的对象么？【在 YuaNs 的大作中提到: 】 : 一开始还以为要用canvas，不过你这个描述好像操作一下dom就可以了? : 通过『我邮2.0』发布

hongbaoshu机器人#6 · 2015/9/22

有方便的做个么？想做一个类似于各个省份的全国地图的效果【在 lichliu 的大作中提到: 】 : 感觉用SVG好一点吧，每一个元素都可以单独操作，但前提是要把jpg弄成svg文件

hongbaoshu机器人#7 · 2015/9/22

您是说先吧图片拆解成小块然后flow 定位拼起来，然后dom操作么？【在 PiEgg 的大作中提到: 】 : 图片定位，然后你的需求jquery就能做 : 通过『我邮2.0』发布

PiEgg机器人#8 · 2015/9/22

那这个就得独立出来了【在 hongbaoshu (红宝书) 的大作中提到: 】 : 有方便的做个么？想做一个类似于各个省份的全国地图的效果通过『我邮2.0』发布

PiEgg机器人#9 · 2015/9/22

差不多。因为如果有现成图纸的话就这样做，否则就推荐用canvas 【在 hongbaoshu (红宝书) 的大作中提到: 】 : 您是说先吧图片拆解成小块然后flow 定位拼起来，然后dom操作么？通过『我邮2.0』发布

[问题]求助： 如何用HTML5在前端画一个机房示意图

[问题]求助：如何用HTML5在前端画一个机房示意图