- 快速入门
- 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
Gradient
fabric.Gradient
构造函数: new Gradient()
类属性成员:
offsetX(Number):来自 PathGroup 之外的 SVG 的各渐变的水平方向偏移量,默认为 0。
offsetY(Number):来自 PathGroup 之外的 SVG 的各渐变的垂直方向偏移量,默认为 0。
类函数成员:
static fabric.Gradient forObject(Object, Objecdt opt):从指定的 Object(第一个参数)中返回对应的 fabric.Gradient 实例。第二个参数是可选的,具体是什么功能文档中没说。
static fabric.Gradient fromElement(SVGGradientElement, fabric.Object):从指定的 SVG 元素中返回对应的 fabric.Gradient 实例。第二个参数,文档中也没说,只是指到要参照以下网址: http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement 和 http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement
fabric.Gradient addColorStop(Object):添加一个 ColorStop,参数包含了偏移量(offset)和颜色(color)两个属性。(译者注:两个属性的具体名字没有提到,是否还有其他可用属性也没说明)
fabric.Gradient initialize(Object opt):这是构造函数。参数则是需要进行初始化的渐变选项,可选,参数中可包含 type、coords、gradientUnits 和 colorStops 属性。
CanvasGradient toLive(CanvasRenderingContext2D):返回 Context 上的 CanvasGradient 实例。
Object toObject():返回一个由 Object 形式表示的渐变。
string toSVG(Object, boolean):返回由 SVG 形式表示的渐变。第一个参数是通过 Object 创建出对应的渐变;第二个参数则指定是否则 SVG 中的坐标标准化。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论