如何用js让移动端图片点击区域大小自定义？

本文共计1582个文字，预计阅读时间需要7分钟。

实现图片区域可点击，实际上使用map是可行的，但适配效果并不好，因为图片只能设置固定大小的值，而点击点都被写死了。在这里，我使用基于canvas的js工具。可以圈出你需要点击的区域。

实现图片区域可点击，实际上使用map是可以的，但是适配效果并不好，图片只能是固定大小的值，而且点都被写死了。

在这里，我使用的js基于canvas写的一个小工具。可以圈出你需要点击的部分，然后生成一串json，在预览页面就可以看见效果了；

在实际应用中，只要用工具处理一下图片，再把数据存入数据库，就很方便了；

使用工具时，先上传图片。