代码拉取完成,页面将自动刷新
同步操作将从 德育处主任/Fabric.js学习资料(中文教程) 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
这个仓库存放了我学习 fabric.js
的历程。
其中包括:
api
的使用方法;demo
;本仓库所有demo都使用原生方式开发。
如果你想看看在 Vue 3
中如何使用 fabric.js
,可以看 前端可视化笔记 这个仓库。
如果你是从零起步学习
fabric.js
,强烈推荐你阅读《Fabric.js 从入门到________》。
图文教程 | 原生代码 | 在vue3中的用法 |
---|---|---|
创建画布 | 代码链接 | 代码链接 Vue3版 |
设置画布背景色 | 代码链接 | 代码链接 Vue3版 |
动态设置背景宽高 | 代码链接 | 代码链接 Vue3版 |
将本地图像上传到画布背景 | 代码链接 | 代码链接 Vue3版 |
自定义右键菜单 | 代码链接 | 代码链接 Vue3版 |
更换图片(处理存在缓存的情况) | 代码链接 | 代码链接 Vue3版 |
删除元素(带过渡动画) | 代码链接 | 代码链接 Vue3版 |
背景不受视口变换影响 | 代码链接 | |
居中元素 | 代码链接 | 代码链接 Vue3版 |
操作控件在裁剪区外显示 | 代码链接 | |
精简toObject | 代码链接 | |
元素选中时保持原来层级 | 代码链接 | |
元素选中时保持原来层级(按着alt可继续选中) | 代码链接 | |
摆正元素 | 代码链接 | 代码链接 Vue3版 |
平移画布 | 代码链接 | 代码链接 Vue3版 |
控制图层层级 | 代码链接 | 代码链接 Vue3版 |
自由绘制矩形 | 代码链接 | 代码链接 Vue3版 |
自由绘制圆形 | 代码链接 | 代码链接 Vue3版 |
自由绘制椭圆形 | 代码链接 | 代码链接 Vue3版 |
自由绘制三角形 | 代码链接 | 代码链接 Vue3版 |
自由绘制线段 | 代码链接 | 代码链接 Vue3版 |
自由绘制折线 | 代码链接 | 代码链接 Vue3版 |
自由绘制折线 | 代码链接 | 代码链接 Vue3版 |
最后,我非常希望你能在 我的文章评论区 里跟我 斗图
别忘了点赞和收藏~
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。