vislite
Version:
灵活、快速、简单的数据可视化交互式跨端前端库
55 lines (40 loc) • 2.02 kB
TypeScript
import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from './painterConfig'
/** SVG元素类型定义 */
export type svgElType = SVGElement | "g" | "text" | "path" | "circle" | "rect" | "polygon" | "polyline"
/** SVG绘图板类型定义 */
export type svgBoardType = SVGElement | "text" | "path" | "arc" | "circle" | "rect"
/**
* SVG配置类型定义
* 用于配置SVG绘图的各种样式和属性
*/
export default interface SVGConfigType {
/** 填充色或图案，默认"#000" */
fillStyle?: string
/** 轮廓色或图案，默认"#000" */
strokeStyle?: string
/** 线条宽度，默认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
/** 文字大小，默认16 */
fontSize?: number
/** 字体，默认"sans-serif" */
fontFamily?: string
/** 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合） */
arcStartCap?: arcCapType
/** 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合） */
arcEndCap?: arcCapType
/** 矩形圆角半径 */
rectRadius?: Array<number>
}