技術 Day 10 - 為圖形填入漸層色

今天分別介紹兩部分 線性漸層 圓形漸層 線性漸層 linear Gradients Fabricjs 可以為物件加上漸層的效果，可選擇多種顏色的漸層，讓物件...

技術 Day 9 - Fabricjs 動畫

一般大家提到 canvas 一定會想到一些酷炫的動畫效果，Fabricjs 當然也少不了這些啦！ Fabricjs 提供了簡易的動畫 Api 讓我們可以做一些簡...

技術 Day 8 - Fabricjs 事件

Fabricjs 還有一個很厲害的地方，他提供了相當完整個事件系統，我們想要監聽某個動作，就只需要像是 JQuery 那樣使用 on 來監聽事件，使用 off...

技術 Day 7 - 文字效果

Fabricjs 不只能只是建立圖形和圖像這些 2D 物件而已，他還能夠建立文字物件來讓使用者自由的縮放、觀看、修改位置。 fabric.Text 從　fabr...

技術 Day 6 - Fabricjs Filters 圖片濾鏡

前幾天已經練習了怎麼樣使用 fabric.Image 新增圖片了，今天讓我們再來為我們圖片添加更豐富的變化！ fabricjs 能為圖片渲染出更豐富的濾鏡效果，...

技術 Day 5 - Fabricjs 物件的繼承關係以及物件控制

我們在昨天知道 Fabricjs 提供了很多 2D 的物件供我們使用 包含： fabric.Line fabric.Circle fabric.Triangl...

技術 Day 4 -認識各種 Fabricjs 提供的物件型態

前言 我們在前幾天常常用到 new fabric.Rect 來快速的建立矩形。其實 Fabricjs 還有更多能夠建立的圖形，如以下 基本圖型有： fabri...

技術 Day 3 - 畫布設置

Day 3 - 畫布設置 Fabric 畫布設置 我們必須透過 new fabric.Canvas 來抓取 <canvas> 標籤，並且管理所有 F...