收藏
回答

moveable-view设置out-of-bounds无效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug moveable-view 和 canvas 客户端 7.0.0 2.6.0

- 当前 Bug 的表现(可附上截图)


iPhone手机移动moveable-view组件时 canvas绘制的线条出现抖动

moveable-view设置out-of-bounds无效


- 预期表现


- 复现路径


- 提供一个最简复现 Demo

https://developers.weixin.qq.com/s/9xaEVQmK7h6Y

最后一次编辑于  03-13  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术&运营专员-白柿子
    社区技术&运营专员-白柿子
    03-13

    具体是什么机型不行?

    03-13
    赞同
    回复 4
    • 风
      03-13


      03-13
      回复
    • 社区技术&运营专员-白柿子
      社区技术&运营专员-白柿子
      03-14回复

      麻烦提供下具体的机型信息

      03-14
      回复
    • 风
      03-14回复社区技术&运营专员-白柿子

      图是Redmi 3S 进行真机调试


      03-14
      回复
    • 修电脑的
      修电脑的
      04-10

      楼主问题解决了吗?out-of-bounds不能移出边界的问题,我也遇到一样的问题


      04-10
      回复
  • 小程序技术专员-LastLeaf
    小程序技术专员-LastLeaf
    03-14

    iOS canvas 的绘制性能会稍差一些,在每次 bindchange 的时候都绘制的话确实可能会有抖动的情况,请考虑降低绘制的频率。


    out-of-bounds 我这边测试并没有问题,只是你的点太小了,回弹动画很不明显。如果真的需要回弹动画,请考虑调整一下 damping 之类的动画参数。


    03-14
    赞同
    回复 9
    • 风
      03-14

      moveable-view的点加背景色能覆盖canvas线条交叉处吗

      03-14
      回复
    • 小程序技术专员-LastLeaf
      小程序技术专员-LastLeaf
      03-14回复

      不行。canvas 层级最高

      03-14
      回复
    • 风
      03-14回复小程序技术专员-LastLeaf

      不用canvas能实现根据movable-view的点的位置动态画线吗

      03-14
      回复
    • 小程序技术专员-LastLeaf
      小程序技术专员-LastLeaf
      03-14回复

      用一个 border 加上合适的 CSS transform 也可以。就是有点难算。

      可以考虑把点也用 canvas 画出来。

      03-14
      回复
    • 风
      03-15回复小程序技术专员-LastLeaf

      画圆是这样的吗

      canvastop.beginPath()

      canvastop.setFillStyle('#000')

      canvastop.setStrokeStyle('#000')

      canvastop.arc(startxOne,startyOne,20,2*Math.PI)

      canvastop.stroke()

      canvastop.draw()


      03-15
      回复
    查看更多(4)