鐵人檔案
Fabric.js 是一個 JavaScript 圖形處理庫，建立於 HTML5 Canvas之上，專門用於在網頁上創建和操作圖像和圖形。
它提供了簡單直觀的 API，使得在 Canvas 上的互動行為不會讓你寫到抓狂。從簡單的繪圖應用，到可滑鼠互動的動畫、複雜的圖像編輯器，Fabric.js 都能滿足你的需求。
因工作需求而開始研究這個有趣的東西，在記憶退卻前快來記錄一下(╯✧∇✧)╯
Fabric.js 是什麼？ Fabric.js 是一個開源的 JavaScript 庫 GitHub - fabricjs/fabric.js，為 HTML5...
Canvas API 為 Web 開發者提供了強大的 2D 繪圖能力，但在處理複雜的互動式圖形應用時，原生 Canvas 可能顯得繁瑣。Fabric.js 作為...
在真正開始動手做之前先來了解 fabric.js 有哪些面向吧！就算功能沒學起來至少知道未來可以朝什麼方向下關鍵字XD 核心模塊介紹 分為這幾個區塊： 畫布管...
物件導向的 fabric.js 繼昨天講了那麼多特性，各種蛛絲馬跡都指出，他是一個 物件導向架構！以下進行各種比對分析： Fabric.js 把所有畫布上的東西...
事件系統(events) Fabric.js有一個強大的事件系統，允許監聽和響應各種畫布和物件事件，很像 javascript 的事件一樣，可以加上跟移除監聽器...
在進入實作之前，做最後小小介紹 Fabric.js 的歷史沿革： 起源 Fabric.js 於2010年由 Juriy Zaytsev（也被稱為"ka...
引入 Fabric.js 套件 首先，在你的 HTML 文件中引入 Fabric.js。 引入方式1：你可以從 CDN 引入 <script src=&q...
共同屬性(常用) 主要是控制圖形共同身為物件都可以使用的屬性 位置 left: 左邊距離畫布左邊的像素數 top: 頂部距離畫布頂部的像素數 顏色外觀(...
今天主要會介紹 直線(fabric.Line) 、路徑 (fabric.Path)、自由繪製 (Free Drawing)，這三種跟路徑/向量有關的畫圖方式。...
文本處理：樣式、編輯與排版 可以自定義文本的字體、大小、顏色、粗細等屬性 設置文本對齊方式(左對齊、居中、右對齊)，行高調整 支持下劃線、刪除線等效果 以下...
