- 快速入门
- 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
PencilBrush
fabric.PencilBrush
构造函数: new PencilBrush()
父类: fabric.BaseBrush
类属性成员:
color(String):画刷的颜色,默认值为"rgb(0,0,0)"。
shadow(fabric.Shadow):代表该形状的 Shadow 实例,默认值为 null。(编者注:向后兼容提示,在版本 1.2.12 之后该属性代替了 shadowColor、shadowOffsetX、shadowOffsetY、shadowBlur 属性。)
strokeLineCap(String):画刷线条的终端样式,可选值有"butt"|"round"|"square",默认值为"round"。
strokeLineJoin(String):画刷线条连接处边角的样式,可选值有"bevil"|"round"|"miter",默认值为"round"。
width(Number):画刷的宽度,默认值为 1。
类函数成员:
void _finalizeAndAddPath():在顶层 Canvas 画出路径之后,鼠标弹起之时,该函数使用捕获的(所有)点创建一个新的 fabric.Path 路径实例,并将其添加到 Canvas 中。
String convertPointsToSVGPath(Array, Number, Number):将传入的点数组转为 SVG 路径。参数一为 Points 实例组成的数组;参数二、参数三文档中无说明,参数名分别是 minX 和 minY。(译者注:源码中该函数也没有参数二和参数三,不知道为什么文档中有这两个参数的存在。)
fabric.Path createPath(String):创建一个 fabric.Path 实例,并将其添加到 Canvas 中。参数为路径的数据。(译者注:不太清楚为什么参数是 String,而且数据格式也没说明,据源码可知该参数是用于 new fabric.Path() 的第一个参数。)
fabric.PencilBrush initialize(fabric.Canvas):构造函数。
void onMouseDown(Object):鼠标按下时的事件函数。
void onMouseMove(Object):鼠标移动时的事件函数。
void onMouseUp(Object):鼠标弹起时的事件函数。
fabric.Object setShadow(Object | String opt):为指定的 Object 设置阴影效果。参数可选,为阴影效果,格式举例" 2px 2px 10px rgba(0,0,0,0.2)"。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论