Fabricjs-全面基础-1.1.Fabricjs
1.背景
官方文档:http://fabricjs.com/docs/
Fabric.js是一个完全开源的Javascript HTML5 (画布库)项目,于2010年左右开始创建,降低了开发Canvas的过程中,各种类型的交互与>变更的复杂度
Fabric在画布元素之上提供交互式对象模型,Fabric 也有SVG-to-canvas(和canvas-to-SVG)解析器
2.用途
通过Fabricjs可以轻松加载图片和SVG,简单实现绘制点、线、和内置的规则图形
通过路径(Path)对象可以实现各种复杂多边形的绘制,并且存在多种内置动画
事件方面,简单几行代码就可实现:平移、选中、剪切、伸缩、画板、等复杂操作
Fabric.js画布上存在内容都是作为对象存在,对象是Fabric的一等公民,对于已经画好的内容进行变更位置与状态,无需擦除后重新绘制,只需要对变更对象的属性进行修改,然后执行画布的.renderAll();方法即可重新渲染
3.基本对象
- Fabric.js提供了如下的9种基本对象,通过 new fabric.XX(option);进行创建
fabric.Circle 圆
fabric.Ellipse 椭圆
fabric.Line 线
fabric.Polygon 多边形
fabric.Polyline 折线
fabric.Rect 巨型
fabric.Triangle 三角形
fabric.Image 图片
fabric.Path 路径
回到目录
❀❀❀❀❀❀❀❀❀❀❀❀
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgaejek
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01