- 快速入门
- Fabric.js 介绍
- Part 1:Objects 对象、Canvas 画布、Images 图像、Paths 形状
- Part 2:Animation 动画、Image filters 图像滤镜、Colors 颜色、Gradients 渐变、Text 文本、Events 事件
- Part 3:Groups 组合、Serialization 序列化、Deserialization、SVG parser 反序列化、SVG 解析器、Subclassing
- Part 4:Free drawing 自由绘画、Customization 可定制化、Fabric on Node.js
- Part 5:Zoom and panning 缩放和平移
- Part 6:Using transformations 使用转换
- Part 7:对 Text 类进行子分类以生成位图文本
- Part 8:裁切 和 ClipPath 裁切路径
- 自定义控件 API
- FabricJS 的缺陷
- Fabric.js 对象缓存
- Fabric.js 示例:自定义控件、多边形
- Fabric.js 示例:与画布外的对象交互
- API
- BaseBrush
- Canvas
- Circle
- CircleBrush
- Color
- Ellipse
- Gradient
- Group
- Image
- Intersection
- IText
- Line
- Object
- Observable
- Path
- PathGroup
- Pattern
- PatternBrush
- PencilBrush
- Point
- Polygon
- Polyline
- Rect
- Shadow
- SprayBrush
- StaticCanvas
- Text
- Triangle
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
API
下级命名空间
Collection、Observable、util
包含的类
BaseBrush、Canvas、Canvas、Circle、CircleBrush、Color、Ellipse、Gradient、Group、Image、Intersection、IText、Line、Object、Path、PathGroup、Pattern、PatternBrush、PencilBrush、Point、Polygon、Polyline、Rect、Shadow、SprayBrush、StaticCanvas、Text、Triangle
类属性成员
DPI // static 成员,屏幕上每英寸的像素数,默认情况下为 96,可以根据实际的情况进行修改。
isLikelyNode(boolean) // static 成员,在 nodejs 环境中,该值为 true。
isTouchSupported(boolean) // static 成员,在触摸屏环境下,该值为 true。
SHARED_ATTRIBUTE(Array) // static 成员,从 SVG 元素转换得到的所有属性。
类函数成员
/**
* 只有在 node.js 环境中该函数才可用。
* 参数一为画布的宽;
* 参数二为画布高;
* 参数三可选,传递给 FabricCanvas 的参数选项;
* 参数四可选,传递给 NodeCanvas 的参数选项。
* 返回值为封装的 canvas 实例。
*/
static Object createCanvasForNode(Number, Number, Object opt, Object opt)
/**
* 返回指定的 SVG 文档的 CSS 规则。
* 参数为 SVG 文档,返回值为 CSS 规则。
*/
static Object getCSSRule(SVGDocument)
/**
* 转换指定的 SVG 文档,返回的有渐变的定义。
* 返回的渐变定义中,key 为渐变元素的 id,value 为渐变定义。
*/
static Object getGradientDefs(SVGDocument)
/**
* 传入一个 SVG 文档相关的字符串,进行转换并传给一系列 fabric 元素。
* 参数一为需要转换的字符串;
* 参数二,无说明;
* 参数三为更进一步的回调,在每个 fabric 元素被创建时进行调用。
*/
static void loadSVGFromString(String, Function, Function opt)
/**
* 传入一个 SVG 文档相关的 URL,进行解析转换并传给一系列的 fabric 元素。
* SVG 是通过 XMLHttpRequest 获取的,所有遵守 SOP 原则(就是要在同一个域名下)。
* 参数一为 URL;
* 参数二,无说明;
* 参数三为更进一步的回调,在每个 fabric 元素被创建时进行调用。
*/
static void loadSVGFromURL(String, Function, Function opt)
//console.log 函数的封装。参数为需要输出的任意值。
static void log(Any opt)
/**
* 向上递归转换父节点。
* 传入给完的 DOM 元素和需要转换的指定属性数组,返回一个属性相关的键值对对象。
* 参数一为需要转换的 DOM 元素;
* 参数二为需要转换的属性数组。
*/
static Object parseAttributes(DOMElement, Array)
/**
* 将一个 SVG 元素的数据转换为一系列相关的 fabric.*相关的实例。
* 参数一为需要转换的 SVG 元素数组;
* 参数二为回调函数,参数为 fabric 元素的数组,该数组是从 SVG 元素数组转换得到的;
* 参数三为可选的选项对象,该参数无详细说明;
* 参数四为更进一步的回调,在每个 fabric 元素被创建时进行调用。
*/
static void parseElements(Array, Function, Object opt, Function opt)
//转换字体的短声明,将它的属性加入 Object 中。参数一为字体声明;参数二为转换结果。
static void parseFontDeclaration(String, Object)
/**
* 转换“点”的属性,返回点对应的数组。
* 参数为代表点的字符串,
* 译者注:通过源码可知该字符串的格式为 x1,y1,x2,y2,x3,y3,...
*/
static Array parsePointsAttribute(String)
/**
* 转换“style”属性,返回相关的样式数组。
* 参数为需要转换的 SVG 元素。
* 译者注:通过源码可知不单是 SVG 元素,DOM 元素也可以通过该函数进行转换
*/
static Object parseStyleAttribute(SVGElement)
/**
* 转换一个 SVG 文档,将它转为 fabirc.*相关的实例数组,并将该数组传给回调函数。
* 参数一为需要转换的 SVG 文档;
* 参数二为回调函数,当 SVG 文档完成转换后被调用,回调的参数为转换后的 fabric.;
* 参数三为更进一步的 SVG 转换回调,在各个 fabric 元素被成功创建后时进行调用。
*/
static void parseSVGDocument(SVGDocument, Function, Function opt)
/**
* 转换“变换”属性,返回与之相关的数组。
* 参数为包含着所有“变换”相关的属性的字符串。
* 返回值包含着 6 个成员的变换矩阵。
*/
static Array parseTransformAttribute(String)
//console.warn 函数的封装。
static void warn(Any opt)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论