画像をイオン化してズームを無効にしますか？

Question

私はキャンバスと一緒に画像ファイルを含むイオンテンプレートを持っています。その目的は、鉛筆を使ってイメージファイルに何かを描き、消しゴムで消去することでした。人がキャンバスに何かを描き、画像をズームするたび

<ion-scroll delegate-handle="drawView" on-scroll="onScroll()" zooming="true" direction="xy" scrollbar-x="{{Zoom}}" scrollbar-y="{{Zoom}}" locking="{{Zoom}}" has-bouncing="false" min-zoom="1"> 

    <draw-image></draw-image> 

</ion-scroll> 

<div class="bar bar-footer bg-grey" data-tap-disabled="false"> 
    <div style='margin: 0 auto;display: inline-block;'> 
     <button ng-click='getClickedIcon("pen")' class='button icon ion-edit pen bg-transparent'></button> 
     <button ng-click='getClickedIcon("eraser")' class='button icon eraser bg-transparent' style='margin-left:0;border: none;'><i class="fa fa-eraser"></i></button> 
     <button ng-click='getClickedIcon("clear")' class='button icon ion-close-round clear bg-transparent ' style='margin-left:0;'></button> 

    </div> 
</div> 

今の問題は、キャンバスをイメージどおりにサイズを変更されないとドローの機能に障害が発生しています。

鉛筆をクリックするたびにズーム機能は無効にする必要がありますが、イオンスクロールでは無効にする必要があります。また、ユーザーが鉛筆の選択を解除すると有効にする必要があります。

イオンスクロールズームではなく画像ズームを無効にしたいと考えています。

Answer 1

イオンスクロールがズーミングをハンドリングしているので、これを無効にするか何もしません。あなたのアプリには、画像のズームは起こらず、イオンスクロールのズームだけがあります。

しかし、ズームをオンまたはオフに設定するにはJavaScriptを使用できます。

document.getElementById("imagezoom").zooming="false"; 

これを使用して、あなたは私が鉛筆の範囲によって私はfalseにズームイオンスクロールの状態を変更していますクリックすることを試みている imagezoom