w***@foxmail.com
w***@foxmail.com
  • 发布:2021-11-20 15:32
  • 更新:2023-08-27 13:57
  • 阅读:2161

uniapp 小程序端 图片上点击热区问题

分类:uni-app

按照源生html写法

<img :src="src" mode="aspectFill" usemap="#map"></img>    
<map name="map" id="map">    
  <area shape="polygon" coords="1, 1, 1, 1, 1, 1" title="1" @click="cl">    
</map>

由于html的map标签跟uniapp的map组件冲突,map会被解析成uni-map标签导致失效。
用了坛子里同学提供的vue的创建虚拟dom的方法
render: function(createElement) {
return createElement('map', this.$slots.default)
}
这种只在编译成Html下有用,编译成小程序时还是失效的

请问各位英雄:一张图片上有多个点击热区在uniapp 小程序端中有什么适用的解决方案么?

万分感谢

2021-11-20 15:32 负责人:无 分享
已邀请:
aoaobaba

aoaobaba - 稳中有进 别急~ 慢慢来

试试我搞的工具,https://lab.aoaoms.com/#/image-area ,超级方便,

  • 1***@163.com

    打不开了,能重新发一下吗

    2023-07-21 14:14

  • aoaobaba

    回复 1***@163.com: 没什么人用,我就撤网了。如果需要,我再发布。

    2024-11-11 09:12

yantaicy

yantaicy

楼主解决了吗?编译成app也点击无效

平安2638411356

平安2638411356

楼主这个问题解决了吗?

yantaicy

yantaicy

解决了,用render.js

  • 小白需要帮助

    你好,能说说render.js怎么解决图片热区app点击无效的问题嘛?

    2023-11-04 16:03

  • yantaicy

    回复 小白需要帮助: 我重新看了一下,不是render.js,是先记录了各个图形块的边界位置,然后根据点击的xy坐标,判断点击位置是否位于某个图形块中

    2023-11-27 14:51

要回复问题请先登录注册