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/