canvas在安卓小程序无法触发touch事件的bug

256 阅读1分钟

需求:点击按钮弹出签名面板,使用了vanui的popup组件,把签字组件放在里面

在ios上一切正常,安卓设备上如果页面内容过多发生滚动的情况下,就无法触发canvas的touch事件,在不改动原有需求的情况下想到使用包裹着页面最外层view,但bug还是存在,就尝试把签字组件排除出外面,结果成功解决了bug

    <scroll-view scroll-y="{{true}}" >
      //页面内容
    </scroll-view>
 <signature id="signature" bind:sign="$getSignImg"></signature>  //签字组件

注意 scroll-view 不能设置高度,否则canvas捕捉坐标会有各种问题

总结:这个bug很奇怪,目前还没找到具体原因...