Day26-所以說 fabric.js 到底可以做出什麼東西？-別人的作品賞析

2024 iThome 鐵人賽

DAY 26

Modern Web

一起來玩圖像編輯器：Fabric.js 的實戰修煉系列第 26 篇

16th鐵人賽

merano5342

2024-08-29 23:58:40

88 瀏覽

分享至

官方的wiki裡有整理一些有使用 fabric.js 的站，這個列表最後更新是2020年，所以蠻多站也不能用了，但總數還是很龐大。
fabric.js-wiki-using-Fabric

這裡挑一些有趣且可展示功能的作品給大家看

遊戲

Falsy Values Tetris

Tetris game themed as Falsy Values conference
俄羅斯方塊，就是基本的俄羅斯方塊，可以用鍵盤控制。

Krugougo

Arcade / geometry game built with Fabric.js
滑鼠互動的遊戲，不要讓箭頭在行進過程中被你的框架阻擋，撞到就會重新開始。

圖像編輯

MockOla

MockOla
流程圖
line-pic

cleverbrush

Online Vector Editor Software for Printing and Digital Publishing - CleverBrush
相片拼貼、圖稿線上製作

網頁設計

Maglr

Create interactive stories with impact - Maglr
線上視覺化編輯網頁
web-editer

客製化

realisticdropcard

Design & Order Your Dollar Money Cards (realisticdropcard.com)
做客製化紙鈔？😂

stoney creek

LabelMaker Pro Label Designer - Stoney Creek Wine Press
超強酒標設計，還可以直接 mockup 到 3D可旋轉的酒瓶上

Day25-為什麼 fabric.js 會有兩層畫布

Day27-fabric.js + React 的重構血淚三部曲(之一)-要怎麼在 React 裡使用 fabric.js

系列文

一起來玩圖像編輯器：Fabric.js 的實戰修煉共 30 篇

RSS系列文訂閱系列文

8 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22170 篇

完賽人數

597 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

一起來玩圖像編輯器：Fabric.js 的實戰修煉系列 第 26 篇