質問: trans_scale + ev.scale - 1; //scaleの変更 $('.Content').css('-webkit-transform', 'scale(' + cont_scale + ')'); //確認用にhtmlに値を出力 $('#myElement').html(trans_scale); }); ``` 初歩的なことのようにも感じますが、どのように処理をすれば良いか教えていただけると幸いです。 よろしくお願いいたします。
回答: よく見てみましょう 不要部分を削除しました ``` //現在のscale値を取得 // グローバル変数なのでこの変数が指定された時Script読み込み時の値を取得 var trans_scale = new WebKitCSSMatrix($('Content').css('-webkit-transform')).a; //ピンチ動作時の設定 mc.on("pinch", function(ev) { //[現在のscale値]+[タッチ動作の拡大率]-[初期値(1)] //var cont_scale = trans_scale + ev.scale - 1; /* この時点でtrans_scaleに対して再取得も再設定もしていないよね? そうしたらtrans_scaleはScript読み込み時の値のままだよね? もししたいのであれば下記の様にすればpinch開始時点の値(現在のscale値)になります。」 */ trans_scale = new WebKitCSSMatrix($('Content').css('-webkit-transform')).a; var cont_scale = trans_scale + ev.scale - 1; }); ```