代码拉取完成,页面将自动刷新
同步操作将从 德育处主任/Fabric.js学习资料(中文教程) 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
学习 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
,可以看 前端可视化笔记 这个仓库。
如果你愿意的话,可以帮我的文章点个赞,即使只是打开一下文章也对我很有帮助的~~~
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。