求助在CAD图纸上显示颜色块与点击区域问题
问题：对方意思就是每个房间座位都有一个状态。0=空置；1=使用中。然后点房间区域会显示房间基础信息。因为必须要在对方给的CAD图片进行绘制。房间肯定不止一个，更不要谈座位了一定很多。
前端这块难道一个个div覆盖层手工打代码
覆盖座位:
<div class="seat" style="postion:relative;top:xxx,left:xxx;z-index:1">
覆盖房间：
<div class="room" style="postion:relative;top:xxx,left:xxx;z-index:2" onclick="xxxx()">
求助各位大神有没有什么工具或者更好办法来实现在CAD图片上做覆盖物显示或点击事件。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
可以用 HTMLElement + clip-path 或者 svg 解决。
但我推荐 canvas 的解决方案 —— 使用诸如 ZRender 等矢量图绘图库。
剩下的就是参数的问题，有结构化的数据最好，把这些数据转为绘图库的对象就行，没有的话就只能人工绘制，量少的话直接在代码里写，量大的话就做一个编辑器。