克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

Fabric.js 学习Demo

仓库简介

这个仓库存放了我学习 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版



最后

最后,我非常希望你能在 我的文章评论区 里跟我 斗图

别忘了点赞和收藏~

空文件

简介

fabric.js 学习资料,配套 图文笔记 和 代码。包括(右键菜单、修改“组内”图片、自由绘制几何体、上传背景图、径向渐变、线性渐变等等) 还有 Fabric.js 在 Vue3 中的用法实例。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化