vislite
Version:
灵活、快速、简单的数据可视化交互式跨端前端库
89 lines (71 loc) • 2.22 kB
TypeScript
import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from './painterConfig'
export default interface CanvasConfigType {
/**
* 填充色或图案，默认"#000"
*/
fillStyle?: string | CanvasGradient
/**
* 轮廓色或图案，默认"#000"
*/
strokeStyle?: string | CanvasGradient
/**
* 线条宽度，默认1(单位px)
*/
lineWidth?: number
/**
* 线的端点类型，默认"butt"平直边缘（还有"round"半圆和"square"矩形）
*/
lineCap?: lineCapType
/**
* 线的拐角连接方式，默认"miter"连接处边缘延长相接（还有"bevel"对角线斜角和"round"圆）
*/
lineJoin?: lineJoinType
/**
* 设置线条虚线，默认为[]表示使用实线绘制
*
* 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
*/
lineDash?: Array<number>
/**
* 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
*/
textAlign?: textAlignType
/**
* 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
*/
textBaseline?: textBaselineType
/**
* 阴影的模糊系数，默认0，也就是无阴影
*/
shadowBlur?: number
/**
* 阴影的颜色
*/
shadowColor?: string | CanvasGradient
/**
* 文字大小，默认16
*/
fontSize?: number
/**
* 字体，默认"sans-serif"
*/
fontFamily?: string
/**
* 字重，默认400
*/
fontWeight?: number
/**
* 字类型，默认"normal"
*/
fontStyle?: string
/**
* 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
*/
arcStartCap?: arcCapType
/**
* 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
*/
arcEndCap?: arcCapType
// 矩形圆角半径
rectRadius?: Array<number>
}