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

更新于
2026-09-29 17:50:26
0阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

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

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

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

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

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

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

阅读全文

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

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

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

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

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

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

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

阅读全文