KonvaJS在触摸设备上旋转

Question

你能帮助我吗？

https://konvajs.github.io/docs/sandbox/Multi-touch_Scale_Stage.html

本教程完美的作品，你能帮助我请在相同的方式旋转？我想顺时针和逆时针旋转我的舞台。

Answer 1

这种最简单的方法是添加手势识别库，然后使用rotate事件。

例如，我添加了https://zingchart.github.io/zingtouch/库。

var containerElement = document.getElementById('container'); 
var activeRegion = ZingTouch.Region(containerElement); 

var childElement = document.getElementById('container'); 
activeRegion.bind(childElement, 'rotate', function(event){ 
    stage.rotation(-event.detail.angle); 
    stage.draw(); 
}); 

演示：https://jsfiddle.net/lavrton/7nLte356/9/