评论

小程序实现img的map area功能

小程序实现图片热区的功能,类似html map area的功能

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

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

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

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

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

难点:

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

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

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

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

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

最后一次编辑于  2020-07-17  
点赞 7
收藏
评论

3 个评论

  • 优健美
    优健美
    2020-09-28

    这个非常优秀,最近打算作一个的点读,谢谢你,有个很基本的请教,自己修改老是不对,刚在摸索,希望你能指正下,能不能在加个发音的,你加了文本,还有连接,有时间的话,想加个点读音频的,为谢,谢谢抬爱。

    2020-09-28
    赞同
    回复 1
  • 要走都留不住
    要走都留不住
    发表于移动端
    2020-08-19
    2020-08-19
    赞同
    回复
  • 张大鹏
    张大鹏
    2020-05-22

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

    2020-05-22
    赞同
    回复
登录 后发表内容