NISHIO Hirokazu[Translate]
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でデバッグ出力

Related Pages

  • →regroup×プロジェクトのタスク管理をscrapboxでやる×オフラインでも新規マップの作成が出来る×モバイル書き出しツール×共同編集ほんとに必要？×保存のテスト×pkakidashi×ptegaki×ノートテイク実験×図には3種類ある×考えるための図×自分の知的生産性向上×伝えるための図×共有するための図×まずは徹底して自分のニーズを満たさなければいけない×今選択してるスタイルが画面上で表示されているべき×regroup2020-01-27×regroupを使いたくなるシチュエーション×scrapboxからのインポート×scrapbox通りの見栄えを目指さない×画像付箋の原寸表示×スタイル変更uiの改善×投げ縄選択はゴーストにならない×フィードバック×パスの自動グループ化×pregroup2019×pregroup-done-2020×pRegroup-done-2019→
  • pRegroup2020
  • →pRegroup-done-2019×講演スライドの流し込まれたマップを作る×反響まとめをマップにする×ユースケースメモ:発表資料をゼロから作る×ユースケースメモ:パネルディスカッションの準備×ユースケースメモ:過去のスライドの整理×ユースケース:ボットとの会話ログの整理→
  • CCSEまで
"Engineer's way of creating knowledge" the English version of my book is now available on [Engineer's way of creating knowledge]
(C)NISHIO Hirokazu / Converted from [Scrapbox] at [Edit]