Canvas 在 html 5 面世已經有一段時間,在使用上有很多大神門寫出了出色的 library 來把 canvas 的圖像 model 化。最近要要處理一個 project 是需要使用 canvas 來畫圖層。這次筆者就選擇了用 fabric.js 來開發這個功能。 ### fabric.js 先到官方網站看看 : http://fabricjs.com 由於沒有太多的時間來寫教學,所以都是主要記錄一下開發時遇到想要記低的事情。在寫這個文章時使用的是版本 4.1.0。 ### 安裝 可以使用 npm 來安裝,在 react js 內使用。 ```js import { fabric } from 'fabric'; ```