收藏
回答

canvas中的图片能不能移动?

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 canvas 工具 最新 最新

onLoad(){

var that=this;

wx.getSystemInfo({

success: function (res) {

console.log(res)

that.setData({

width: res.windowWidth ,

height: res.windowHeight

})

var ctx = wx.createCanvasContext('canvas');

ctx.drawImage('https://xxxxx.jpg', -200, -200, res.windowWidth*2, res.windowHeight*2);

ctx.draw();

}

})

},这样设置一张图片能不能让他在canvas容器内上下左右移动(类似于腾讯地图那样  可以随意拖动)


跪求大神解答

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

3 个回答

  • 黎伟杰
    黎伟杰
    2018-05-10

    可以啊,你监听canvas的touch系列的事件就好了啊,通过canvas的translate来实现移动。需要注意的是调用ctx.translate()之后,可能需要清空一次画布(可用ctx.draw()),然后再次去画。

    2018-05-10
    赞同
    回复
  • 细心
    细心
    2018-05-10

    @各路大佬

    2018-05-10
    赞同
    回复
  • 细心
    细心
    2018-05-10

    求解这个需求有办法实现吗?用movable-area 就无法实现点与点之间的连线   求指导!!


    2018-05-10
    赞同
    回复