DSN TCH JE Jerry Yang · JoinX 哲煜科技 React.js + Canvas + Konva.js:打造專屬的網頁小畫家(二) 本篇會將重點放在實現完整繪製流程的三個工具上,分別是: 1. 鉛筆工具:可以在畫布上自由地繪製線段,實現手繪效果 2. 塑型工具:根據滑鼠拖曳的範圍,快速建立相應尺寸的形狀 3. 轉換工具:針對畫布上的圖形進行:多選、移動、旋轉、縮放、刪除
DSN TCH JE Jerry Yang · JoinX 哲煜科技 React.js + Canvas + Konva.js:打造專屬的網頁小畫家 這篇文章想記錄團隊在收到這個類「小畫家」需求時的抉擇與實踐。為什麼使用套件而不是直接使用原生 Canvas API 呢? 搭配著程式碼與數學,介紹 React.js 如何結合 Konva.js 來操作 Canvas。