小程序实现img的map area功能
发布于 5 年前 作者 dkang 2070 次浏览 来自 分享

问题:《小程序如何实现图片热区的功能,类似html map area的功能,求指教或者思路?》

貌似小程序现在还没有图片热区的功能,所以自己动手写了一个 图片热区组件 maparea,有需要的可以拿去改改

思路:点击坐标是否在某个区域内

点击坐标在href区域内,视为点击了热区

点击坐标在href区域内,同时也在nohref区域内,视为点击了非热区

难点:

1、点击坐标在多边形内的判断

2、图片缩放带来的坐标变化,导致热区坐标变化问题

3、目前效果最好的图片mode为widthFix,其他多少会有问题

代码片段:https://developers.weixin.qq.com/s/wLy4DvmI7ahA

PS: 大佬们,有好的思路或者有更好的效果的,欢迎交流交流

1 回复

您做外包吗?可否建立联系,微信号:zhangdapengno1

回到顶部