jsWaffle質問掲示板(雑談やTips歓迎)

jsWaffleについて質問する掲示板です。(雑談や発見したTipsの投稿も大歓迎です!)

(#85) ソースコード - クジラ飛行机 (2011-06-26 17:47) /普通 返信
なぜか、動かないとのこと、とても、残念です。

同じWebKitで、同じAndroidで、アプリのときだけ、マルチタッチができないというのは何かの設定がおかしいのだと思います。

同じソースコードと思いますので、気休めですが、新規プロジェクトを作って、
念のため、以下のソースコードで試していただけますか?

添付の画像 photo.png を使って、
ピンチイン、ピンチアウトができないでしょうか?

===
<!DOCTYPE html>  
<html><head><meta charset="utf-8">
<script type="text/javascript" src="jsWaffle.js"></script>
<script type="text/javascript">
window.onload = function() {
  var tx_start = 0; // 初期間隔
  var tx_value = 0; // 移動量
  var tx_total = 0; // 移動量のトータル
  document.ontouchstart = function (e) {
    if (e.touches.length >= 2) { // マルチタッチされた時
      tx_start = Math.abs(e.touches[0].pageX - e.touches[1].pageX);
      e.preventDefault();
    }
  };
  document.ontouchmove = function (e) {
    if (e.touches.length >= 2) { // マルチタッチされた時
      e.preventDefault();
      var x2 = Math.abs(e.touches[0].pageX - e.touches[1].pageX);
      tx_value = x2 - tx_start; // 移動量を計算
      // 移動量に合わせてピンチイン/アウト処理
      $("pic").width = 200 + tx_total + tx_value;
      $("pic").height  = 200 + tx_total + tx_value;
    }
  };
  document.ontouchend = function(e){
    tx_total += tx_value; // トータル移動量に加算
  };
};  
</script>
</head><body>
  <img id="pic" src="photo.png"/>
</body></html>
===


http://d.aoikujira.com/jsWaffle/tasukeai/attach/85-photo.png



マルチタッチが出来なくて困っています。 / まる四 (2011-06-16 15:11) (#62)/ 普通 質問
  おやっ?! / クジラ飛行机 (2011-06-20 09:01) (#69)/ 普通 返信
    やはり、できませんでした。。。 / まる四 (2011-06-20 15:07) (#72)/ 普通 返信
      何か思い当たる方いらっしゃいますか? / クジラ飛行机 (2011-06-25 14:27) (#81)/ 普通 返信
        Webサイトではできましたが、Aptanaデバ.. / まる四 (2011-06-25 21:27) (#82)/ 普通 質問
          ソースコード / クジラ飛行机 (2011-06-26 17:47) (#85)/ 普通 返信
            色々ありがとうございました。 / まる四 (2011-06-27 11:07) (#88)/ 普通 質問

(#85)へ返信する:

名前
タイトル
本文
困った度
状態
確認キー お手数ですが、いたずら防止のために、半角数字で「8932」と入力してください。
編集キー 編集時に使うキーを入力(省略可能)
添付ファイル 画像ファイル(最大300KB)を添付可能