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/