平⾯图之HTML5、Canvas、SVG
最近项⽬⾥遇上⼀楼宇画平⾯图，暂时还没什么想法，希望园⼦⾥的⼤虾和⽜⼈们多指教、多指点、谈谈建议和想法也⾏、能深⼊到技术实现层⾯最好不过了，在此先谢过各位了！下⾯⼤致简单说下我项⽬⾥关于这⼀块的业务、数据结构和需求：
业务：项⽬下⾯有分期、分期下⾯有楼栋，分期下⾯还有特殊楼栋即别墅房间、楼栋下⾯有楼层、楼层下每层有房间。
数据结构：项⽬表、分期表(项⽬ID)、楼栋表(分期ID)、房间表(楼栋ID)
实现的效果分两块：
⼀块是绘制（⿏标绘图，要求⽀持多边形、圆形、不规则图形）；
⼀块是展⽰（通过选择项⽬、分期、楼栋展⽰之前绘制的相应图形）；
画项⽬平⾯图的时候，上⾯画的就是分期和别墅房间(也可以直接画楼栋和特殊楼栋即别墅房间) 画分期平⾯图的时候，上⾯画的就是楼栋和别墅房间画楼栋每⼀层平⾯图的时候，上⾯画的就是相应层的房间
注：平⾯图上的元素⽀持绑定数据、⿏标单击事件、双击事件、以及各种⿏标事件
svg图形
点项⽬平⾯图上的分期可以链接到相应分期平⾯图点分期平⾯图上的楼栋和别墅房间可以链接到相应楼栋第⼀层平⾯图和别墅房间平⾯图点分期平⾯图上的楼栋可以链接到相应楼栋第⼀层平⾯图，通过选择该楼栋的不同层显⽰相应层的房间平⾯图

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。