微信小程序电脑端和手机端测试结果不一样
发布于 6 年前 作者 yongcai 16762 次浏览 来自 问答

求助:我想实现一个画板的功能,这个画板有一个背景图,可以在这个背景图上做标记。我在电脑端小程序开发平台上用canvas画布实现了我想要的功能,但是在手机上测试的时候发现跟电脑端不太一样,具体表现如下:

这是我在电脑端的界面,圈出来的是我的两个按钮,按一下左边的按钮可以在图上做标记,按一下右边那个按钮则不会做标记,从而实现canvas画图上下滑动。

在电脑端做标记时,线都会在图标的下面,因而可以点击图标实现其应有的功能,但是在手机端测试时这两个图标会跑到下面去,

跑到下面去后这两个按钮就没用了,因为按不到了。

这个是那两个按钮工具实现的代码。

所以想求助一下,为什么在电脑上实现的功能好好的,到手机上测试就不行了。以及求助应该怎么改才可以。微信开发工具是在Windows系统上的,测试手机是iPhone。非常感谢!

4 回复

    谢谢!但是为什么在电脑上的开发者工具上这俩图标是可以用的呢?

这样啊,把画布缩小是可以,但是我的内容太多一屏放不下,而小程序对于页数也有限制,所以我想尽可能通过一个页面的上下滑动来放下我的内容,本来如果画布可以放到下层的话是容易实现的,那如果他只能在最上面的话用缩小画布的方式怎么实现呢?

电脑我觉得是调用chrome模拟的,真实环境的时候就是手机里的原生组件了,电脑模拟他就是H5的画布。还有好些功能也一样,电脑预览的基本都是H5的东西,但手机上好多就转为原生组件,就不一样了。

看说是canvas是原生的,他会处在其他组件的最上端,设置z-index也没有用,所以,我觉得你要实现,可能得把画布缩小,一点,给那俩图标留出位置,也就是没办法让图标在画布上面

回到顶部