canvas中的图片能不能移动?
发布于 6 年前 作者 mguo 17220 次浏览 来自 问答

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容器内上下左右移动(类似于腾讯地图那样  可以随意拖动)

跪求大神解答

3 回复

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

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

回到顶部