- 快速入门
- 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
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
Color
fabric.Color
构造函数:
fabric.Color new Color(string):这是一个颜色类,目的是为了抽象和封装常用的颜色操作。fabric.Color 是一个构造函数,用于创建一个 fabric.Color 对象实例。参数是一个十六进制或 rgb(a)格式的字符串。
类属性成员:
colorNameMap:这是一个静态属性,是一张存放着 17种基本颜色的表,这些颜色都是以十六进制表示的。
reHex:这是一个静态属性,正则表达式匹配的十六进制颜色格式,如#FF5555、010155、aff。
reHSLa:这是一个静态属性,正则表达式匹配的 HSL或 HSLA的颜色格式,如 hsl(200, 80%, 10%)、 hsla(300, 50%, 80%, 0.5),、hsla( 300 , 50% , 80% , 0.5 )。
reRGBa:这是一个静态属性,正则表达式匹配的 RGB或 RGBA的颜色格式,如 rgb(0, 0, 0)、rgba(255, 100, 10, 0.5)、 rgba( 255 , 100 , 10 , 0.5 )、 rgb(1,1,1)、rgba(100%, 60%, 10%, 0.5)。
类函数成员:
static fabric.Color fromHex(string):传入一个十六进制格式的颜色值,返回 fabric.Color 实例。参数是需要实例化的颜色,如FF5555。
static fabric.Color fromHsl(string):传入一个 HSL格式的颜色值,返回 fabric.Color 实例。参数是需要实例化的颜色,如 hsl(0-260,0%-100%,0%-100%)。
static fabric.Color fromHsla(string):传入一个 HSLA格式的颜色值,返回 fabric.Color 实例。
static fabric.Color fromRgb(string):传入一个 RGB格式的颜色值,返回 fabric.Color 实例。参数是需要实例化的颜色,如 rgb(0-255,0-255,0-255)。
static fabric.Color fromRgba(string):传入一个 RGBA格式的颜色值,返回 fabric.Color 实例。
static fabric.Color fromSource(Array):传入一个表示颜色的数组,返回 fabirc.Color 实例。数组格式为[200, 100, 100, 0.5]。
static Array sourceFromHex(string):传入以十六进制表示的颜色值,返回以数组表示的颜色值。参数格式是一个十六进制表示的颜色值,如 FF5555。
static Array sourceFormHsl(string):传入以 HSL或 HSLA表示的颜色值,返回以数组表示的颜色值。参数格式是 HSL或 HSLA表示的颜色值,如 hsl(0-360,0%-100%,0%-100%) 或 hsla(0-360,0%-100%,0%-100%, 0-1)。
static Array sourceFromRgb(string):传入以 RGB或 RBGA表示的颜色值,返回以数组表示的颜色值。参数格式是 RGB或 RGBA表示的颜色值,如 rgb(0-255,0-255,0-255)、rgb(0%-100%,0%-100%,0%-100%)。
Number getAlpha():获取颜色实例的 Alpha 通道值。返回值为 0到 1之间的数字。
Array getSource():获取颜色实例的 Source,这里的 Source 是以数组表示的颜色值,如[200, 200, 100, 1]。
fabric.Color overlayWith(string | fabric.Color):用另一种颜色与本颜色进行遮罩混合后,获得新的颜色。参数即是用于指定遮罩混合的另一种颜色。
fabirc.Color setAlpha(Number):设置颜色实例的 alpha 通道值。参数即是要设置的 alpha 值,取值在 0到 1之间。
setSource(Array):设置颜色实例的 Source,这里的 Source 是以数组表示的颜色值,如[200, 200, 100, 1]。
fabric.Color toBlackWhite(Number):将颜色值转为它对应的黑白二值颜色,参数为转换域值。
fabirc.Color toGrayscale():将颜色转成与之对应的灰度值。
string toHex():获取十六进制表示的颜色值,如 FF5555。
string toHsl():获取 HSL格式表示的颜色值,如 hsl(0-360,0%-100%,0%-100%)。
string toHsla():获取 HSLA格式表示的颜色值,如 hsla(0-360,0%-100%,0%-100%,0-1)。
string toRgb():获取 RGB格式表示的颜色值,如 rgb(0-255,0-255,0-255)。
string toRgba():获取 RGBA格式表示的颜色值,如 rgba(0-255,0-255,0-255,0-1)。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论