收藏
回答

图片按住一角怎么实现缩放、旋转、拖拽


想实现多个图片操作都可以缩放旋转拖拽

缩放可以按住一角来实现

不知道怎么实现了


利用movable-view、movable-area 可以实现拖拽缩放、不好旋转

得记录所有的图片位置,角度


是不是可以利用canvas绘图计算手指移动的位置角度

但是要是多张图片重叠在一起 想删除一张图

原生的api貌似不能实现, 肯定是删除一个区域的数据 ,而不是删掉某一层的数据 .

不知道有么有啥框架来实现,cocos2d-h5游戏都是canvas绘图都可以

小程序应该也可以的,


或者move-view设置好后, 生成图片的 时候用canvas再绘制一遍

感觉好麻烦,不知道有没有好的方法


不过我这要绘制的图片有点多 , 看到社区QA已知问题里有个

“canvas的drawImage性能变差,频繁调动会出现卡顿


有大神给个思路么

最后一次编辑于  2018-03-30
回答关注问题邀请回答
收藏

9 个回答

  • 虾饺烧麦
    虾饺烧麦
    2018-06-06

    算出图片的中心点,用拖动事件算出中心点距离和拖动的距离。再等比例的求出缩放放大还有缩小的比例值。最后用再乘以相对于的比值就可以实现效果。如果还需要保存,则需要导进画布再生成图片

    2018-06-06
    有用 1
    回复
  • 火木
    火木
    2022-06-08

    用uniapp写了个类似的,也支持微信小程序,稍微改动下就行。可以参考下:

    https://ask.dcloud.net.cn/article/39874

    2022-06-08
    有用
    回复
  • 发飙的蜗牛
    发飙的蜗牛
    2019-02-15

    同问

    2019-02-15
    有用
    回复
  • Jason Z.
    Jason Z.
    2018-04-28





    类似这样的,谁有demo?  /(ㄒoㄒ)/~~

    目前有点思路就是基于wx.draw这个框架,不知道谁还有更好的方案?

    2018-04-28
    有用
    回复 2
    • strawbreey
      strawbreey
      2018-05-24
      哈,我写了一个类似的小程序,你可以看看,再github: https://github.com/strawbreey/EmotionalSticker 上
      2018-05-24
      3
      回复
    • 旅途
      旅途
      2019-02-11

      有找到demo吗?

      2019-02-11
      回复
  • Jason Z.
    Jason Z.
    2018-04-28

    楼主解决了吗 有没有类似demo

    2018-04-28
    有用
    回复
  • 2018-04-25

    我也很想知道

    2018-04-25
    有用
    回复
  • 2018-04-23

    我也很想知道

    2018-04-23
    有用
    回复
  • hynn
    hynn
    2018-04-13

    我也想知道 mark

    2018-04-13
    有用
    回复
  • 2018-03-27

    mark

    2018-03-27
    有用
    回复
登录 后发表内容