paper.jsでの拡大縮小テスト

from pRegroup-done-2019 paper.jsでの拡大縮小テスト

• 付箋の追加をPaper.js上で実装する

• 100枚付箋のiPad上での拡大縮小 の前にまずpaper.jsで拡大縮小を試してみて振る舞いを観察すべきだ

• Hostingなしで試せるかな？

  • ローカルのWifiでiPadから開発サーバを見れるかな、それも試す
  • →同一Wifiに繋げば問題なくiPadからアクセスできる

Paper.jsでのズーム

• paper.setup(canvas);
• の後
• paper.install(window.app.paper);
• すると
• window.app.paper.project.view.zoom = 1.3
• でズームを変えられる(とりあえず)
• setZoomがあるからそれを適当なところにバインドしておくのが良さそう

マルチタッチの扱い

• 素直にこれを写経: Multi-touch interaction - Web APIs | MDN
• 問題点→二本指ジェスチャ時に一本指での描画が同時に発生する問題

---

• retyui/react-quick-pinch-zoom: A react component that providing multi-touch gestures for zooming and dragging on any DOM element.
• React Pinch + Zoom + Pan

iOS上のChromeでデバッグ出力