怎么实现在HTML页面中嵌入图纸，可实现全屏显示、滚轮放大缩小、点击一张图纸中的不同元素绑定不同的JS事件
在HTML页面中嵌入图纸，可实现全屏显示、滚轮放大缩小、点击一张图纸中的不同元素绑定不同的JS事件
目前这类需求通过什么技术实现比较好？
js就可以实现，当然很多框架已经有封装好方法，参考下面这个。UI5就可以直接支持
https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.commons.imageeditor/sample/sap.suite.ui.commons.sample.ImageEditorContainer
1.全屏显示和滚轮放大缩小，使用js结合css就能实现。
2.图纸元素绑定不同的js事件可以通过：
第一种：不切分图纸，可以使用https://www.runoob.com/tags/att-img-usemap.html usemap 属性实现，usemap 属性将图像定义为客户端图像映射（图像映射指的是带有可点击区域的图像）。但此属性需要把每个元素的边界标记出来，通过代码指定才能实现单独点击，有一定的工作量。具体用法可搜索img map area查找案例，网上案例很多。
第二种：如果把图纸元素切分成单独的图片的话，点击事件添加会比较简单，但是需要把每个图纸中的元素都拆分出来并且在页面上组合展示，比较麻烦。
这个需求有相关的框架可以使用，掌握Js应该可以实现
Vue.js 或者是React.js
