iOS Safari Canvas 觸控事件踩坑紀錄|React Pointer Events 與 preventDefault 實戰

在 React + Canvas 的圖片標注工具加入觸控支援時,Chrome DevTools 手機模擬全部正常,放到真正的 iPhone 上卻完全不動。這篇記錄在 iOS Safari 處理 Canvas 觸控事件踩過的坑,包含 touch-action: none 不可靠、React 合成事件 passive 限制、click 不觸發的 cursor: pointer 陷阱、crypto.randomUUID 相容性問題,以及最終用原生 Pointer Events 搭配條件式 preventDefault 的解法。