2016-03-31 5 views
0

このgithubプロジェクトに基づいて画像をズームしたり、ピンチしたり、回転させたりしています。https://github.com/vakrilov/native-script-pan-scale-demo/blob/master/app/main-page.js。しかし、私は三角法を正しく得ることができません。また、なぜonPinchメソッドの間に翻訳が必要なのかよく分かりません。Nativescriptでコンテナにピンチズームと回転ジェスチャーが適用されない

//initial touch during onPinch method 
//args has the touch positions and item is the item to scale 
if (args.state === 1) { 
    var newOriginX = args.getFocusX() - item.translateX; 
    var newOriginY = args.getFocusY() - item.translateY; 

    var oldOriginX = item.originX * item.width; 
    var oldOriginY = item.originY * item.height; 

    item.translateX += (oldOriginX - newOriginX) * (1 - item.scaleX); 
    item.translateY += (oldOriginY - newOriginY) * (1 - item.scaleY); 

    item.originX = newOriginX/item.width; 
    item.originY = newOriginY/item.height; 

    startScale = item.scaleX; 
} 

ご協力いただければ幸いです。

答えて

0

以下の行を削除すると、私にとってはうまくいくようです。

var newOriginX = args.getFocusX() - item.translateX; 
var newOriginY = args.getFocusY() - item.translateY; 

var oldOriginX = item.originX * item.width; 
var oldOriginY = item.originY * item.height; 

item.translateX += (oldOriginX - newOriginX) * (1 - item.scaleX); 
item.translateY += (oldOriginY - newOriginY) * (1 - item.scaleY); 

item.originX = newOriginX/item.width; 
item.originY = newOriginY/item.height; 
関連する問題