·6 min read·
前端CanvasReact
用 Canvas 做刮刮樂:destination-out 的原理與實現
透過 Canvas 的 globalCompositeOperation: destination-out,用三個核心步驟實現支援滑鼠與觸控的刮刮樂元件。
閱讀全文 →
透過 Canvas 的 globalCompositeOperation: destination-out,用三個核心步驟實現支援滑鼠與觸控的刮刮樂元件。
記錄一個外包轉盤抽獎遊戲的重構歷程,從 jQuery DOM 操作,改寫成以 TypeScript 管理狀態、Canvas API 繪製輪盤、React 封裝互動元件。