15 Star 144 Fork 45

德育处主任 / Fabric.js学习资料(中文教程)

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README
MIT

Fabric.js 学习Demo

仓库简介

学习 fabric.js ,看文档不如看 Demo

这个仓库存放了我学习 fabric.js 的历程。

其中包括:

  • 常用 api 的使用方法;
  • 功能实战 demo



学习资料


循序渐进的学起来 《Fabric.js 中文教程》 👍👍👍


好玩好用的 Demo 讲解 《Fabric.js 专栏》 🦄🦄🦄


图文教程 原生代码 在vue3中的用法
创建画布 代码链接 代码链接 Vue3版
设置画布背景色 代码链接 代码链接 Vue3版
动态设置背景宽高 代码链接 代码链接 Vue3版
将本地图像上传到画布背景 代码链接 代码链接 Vue3版
自定义右键菜单 代码链接 代码链接 Vue3版
更换图片(处理存在缓存的情况) 代码链接 代码链接 Vue3版
删除元素(带过渡动画) 代码链接 代码链接 Vue3版
背景不受视口变换影响 代码链接
居中元素 代码链接 代码链接 Vue3版
操作控件在裁剪区外显示 代码链接
精简toObject 代码链接
元素选中时保持原来层级 代码链接
元素选中时保持原来层级(按着alt可继续选中) 代码链接
摆正元素 代码链接 代码链接 Vue3版
平移画布 代码链接 代码链接 Vue3版
缩放画布 代码链接
控制图层层级 代码链接 代码链接 Vue3版
自由绘制矩形 代码链接 代码链接 Vue3版
自由绘制圆形 代码链接 代码链接 Vue3版
自由绘制椭圆形 代码链接 代码链接 Vue3版
自由绘制三角形 代码链接 代码链接 Vue3版
自由绘制线段 代码链接 代码链接 Vue3版
自由绘制折线 代码链接 代码链接 Vue3版
自由绘制折线 代码链接 代码链接 Vue3版
基础笔刷 代码链接
基础笔刷 代码链接
圆形笔刷 代码链接
手动加粗文本 代码链接
手动设置文本斜体 代码链接
手动设置文本 上划线、中划线(删除线)、下划线 代码链接
上标和下标 代码链接
IText 激活输入框 代码链接
IText 动态设置字号大小 代码链接

本仓库所有demo都使用原生方式开发。

如果你想看看在 Vue 3 中如何使用 fabric.js ,可以看 前端可视化笔记 这个仓库。

如果你愿意的话,可以帮我的文章点个赞,即使只是打开一下文章也对我很有帮助的~~~



关于我

雷猴,我是德育处主任,一个喜欢吃喝玩乐的地球生物。只要和工作无关的事情我都觉得很有趣。


我正在整理前端可视化相关库的笔记,不定期在 掘金CSDN思否 更新。

如果方便的话,可以点进我的 掘金主页 帮我点个赞~ ,或者点其他平台也行。感恩🌷


已经停更了很久的 订阅号(德育处主任) 也有计划重启了,我打算把每个我学过的库整理成独立的专栏,以循序渐进的方式和大家一起摄入知识~

公众号:德育处主任


最后最后,如果你觉得我的文章对你有帮助,可以请我的猫吃个罐头~

公众号:德育处主任

MIT License Copyright (c) 2022 德育处主任 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

fabric.js 学习资料,从入门到膨胀。 配套 图文笔记 和 代码。 本仓库记录了 fabric.js 常用api的demo。 除此之外还有各种小案例,比如:右键菜单;橡皮擦;修改“组内”图片;自由绘制几何体;上传背景图;径向渐变等等 expand collapse
JavaScript and 2 more languages
MIT
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/k21vin/fabricjs-demo.git
git@gitee.com:k21vin/fabricjs-demo.git
k21vin
fabricjs-demo
Fabric.js学习资料(中文教程)
master

Search

344bd9b3 5694891 D2dac590 5694891