小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现（可附上截图）
iPhone手机移动moveable-view组件时 canvas绘制的线条出现抖动
moveable-view设置out-of-bounds无效
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
https://developers.weixin.qq.com/s/9xaEVQmK7h6Y
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
iOS canvas 的绘制性能会稍差一些，在每次 bindchange 的时候都绘制的话确实可能会有抖动的情况，请考虑降低绘制的频率。
out-of-bounds 我这边测试并没有问题，只是你的点太小了，回弹动画很不明显。如果真的需要回弹动画，请考虑调整一下 damping 之类的动画参数。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
moveable-view的点加背景色能覆盖canvas线条交叉处吗
不行。canvas 层级最高
不用canvas能实现根据movable-view的点的位置动态画线吗
用一个 border 加上合适的 CSS transform 也可以。就是有点难算。
可以考虑把点也用 canvas 画出来。
画圆是这样的吗
canvastop.beginPath()
canvastop.setFillStyle('#000')
canvastop.setStrokeStyle('#000')
canvastop.arc(startxOne,startyOne,20,2*Math.PI)
canvastop.stroke()
canvastop.draw()
具体是什么机型不行？
麻烦提供下具体的机型信息
图是Redmi 3S 进行真机调试
楼主问题解决了吗？out-of-bounds不能移出边界的问题，我也遇到一样的问题
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
iOS canvas 的绘制性能会稍差一些，在每次 bindchange 的时候都绘制的话确实可能会有抖动的情况，请考虑降低绘制的频率。
out-of-bounds 我这边测试并没有问题，只是你的点太小了，回弹动画很不明显。如果真的需要回弹动画，请考虑调整一下 damping 之类的动画参数。
moveable-view的点加背景色能覆盖canvas线条交叉处吗
不行。canvas 层级最高
不用canvas能实现根据movable-view的点的位置动态画线吗
用一个 border 加上合适的 CSS transform 也可以。就是有点难算。
可以考虑把点也用 canvas 画出来。
画圆是这样的吗
canvastop.beginPath()
canvastop.setFillStyle('#000')
canvastop.setStrokeStyle('#000')
canvastop.arc(startxOne,startyOne,20,2*Math.PI)
canvastop.stroke()
canvastop.draw()
麻烦提供下具体的机型信息
图是Redmi 3S 进行真机调试
楼主问题解决了吗？out-of-bounds不能移出边界的问题，我也遇到一样的问题