うまくいかないという奇妙な問題があります-iScroll 4を使用してHTML5キャンバスをスクロールしています(以下のように実装されています):
mapScroll = new iScroll('td_map', {zoom: true, bounce: false,
hScrollbar: false, vScrollbar: false,
}, 100);
ズームは見事に機能し (iPad 2/4 でテスト済み)、マップがズームインされていないときにタップ イベントとクリック イベントを持つキャンバス アイテムが起動します。 minZoom of 1) クリック イベントが発生していないか、到達していません。ズームアウトするかダブルクリックしてズームを通常にリセットすると、イベントは再び期待どおりに発生します。
クリックイベント:
trainGroup.on("click tap", function(evt) {
console.log("Hello train!");
});
何が起こっているかについてのアイデアは素晴らしいでしょう:)
どうもありがとう、ベッキー
EDIT:何がどこで起こっていたのかを突き止めるために多くのデバッグログを記録した後、マウスイベントに間違った情報があるようです。キャンバス上でズームが行う CSS 変換はマウスのクリックを更新しないようです。そのため、オブジェクトをクリックしていると思うと、実際にはズームされていないキャンバス上にあるものは何でもクリックします。翻訳された情報でマウスイベントを更新する方法はまだわかりませんが、少なくともそれは進歩です:)