✅DOMでのスムーズな拡大縮小平行移動
平行移動によって各要素の座標が変わることをJSで実装するのではなくネイティブ実装にしたい
つまり一つのdivの上に全部載せておいて、そのdivを平行移動する
拡大縮小もできるか？
zoomとscaleとtransformの関係は？
zoomは非標準、scaleはtransformの一種
実はすべての付箋がのる土台が大きい必要はない(overflowを表示すれば良い)
検証する
✅できた
scaleで拡大縮小
ビューポート
それでもスクロールバーが出ると思ったら hiddenのdivがカウントされてたのでtop: 0にした
Related Pages
- →regroup×pregroup-done-2019×2020_年、_react_軸で学ぶべき技術×typescript×react×webpack×visual_studio_code×styled-components×reactmodal×ipadはfocusを無視することがある×paper.js×パスドロー×パスの形がおかしい×付箋・パスの投げ縄選択×firestore×websocket×amazon_s3×netlify×apple_pencil×ipad上でのダイレクトタッチとpencilタッチの区別×二本指ジェスチャでズームと平行移動×redux×reactn×undoの実装×キャンバス汚染×キャンバス汚染解決編×cssで条件分岐と変数と計算を使う×100vhだと縦にはみ出す×メニューアイコンがiphoneなどの狭い画面ではみ出す×ズームアウトした状態でペンで描くとガタガタになる×線の太さを一定にする×paper.jsの更新後に呼ばれるコールバックをつける×バルーンメニュー×投げ縄選択→削除×付箋の自動フォントサイズ調整×gが下に突き出す×okr問題×regroup2019→
"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]