iT邦幫忙

2024 iThome 鐵人賽

DAY 26
0
Modern Web

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

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

  • 分享至 

  • xImage
  •  

官方的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
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言