ShapeAttrs

图形属性: style 样式配置。

  1. export declare type ShapeAttrs = {
  2.     /** x 坐标 */
  3.     x?: number;
  4.     /** y 坐标 */
  5.     y?: number;
  6.     /** 圆半径 */
  7.     r?: number;
  8.     /** 描边颜色 */
  9.     stroke?: ColorType;
  10.     /** 描边透明度 */
  11.     strokeOpacity?: number;
  12.     /** 填充颜色 */
  13.     fill?: ColorType;
  14.     /** 填充透明度 */
  15.     fillOpacity?: number;
  16.     /** 整体透明度 */
  17.     opacity?: number;
  18.     /** 线宽 */
  19.     lineWidth?: number;
  20.     /** 指定如何绘制每一条线段末端 */
  21.     lineCap?: 'butt' | 'round' | 'square';
  22.     /** 用来设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略） */
  23.     lineJoin?: 'bevel' | 'round' | 'miter';
  24.     /**
  25.      * 设置线的虚线样式，可以指定一个数组。一组描述交替绘制线段和间距（坐标空间单位）长度的数字。 如果数组元素的数量是奇数， 数组的元素会被复制并重复。例如， [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。这个属性取决于浏览器是否支持 setLineDash() 函数。
  26.      */
  27.     lineDash?: number[] | null;
  28.     /** Path 路径 */
  29.     path?: string | object[];
  30.     /** 图形坐标点 */
  31.     points?: object[];
  32.     /** 宽度 */
  33.     width?: number;
  34.     /** 高度 */
  35.     height?: number;
  36.     /** 阴影模糊效果程度 */
  37.     shadowBlur?: number;
  38.     /** 阴影颜色 */
  39.     shadowColor?: ColorType;
  40.     /** 阴影 x 方向偏移量 */
  41.     shadowOffsetX?: number;
  42.     /** 阴影 y 方向偏移量 */
  43.     shadowOffsetY?: number;
  44.     /** 设置文本内容的当前对齐方式 */
  45.     textAlign?: 'start' | 'center' | 'end' | 'left' | 'right';
  46.     /** 设置在绘制文本时使用的当前文本基线 */
  47.     textBaseline?: 'top' | 'hanging' | 'middle' | 'alphabetic' | 'ideographic' | 'bottom';
  48.     /** 字体样式 */
  49.     fontStyle?: 'normal' | 'italic' | 'oblique';
  50.     /** 文本字体大小 */
  51.     fontSize?: number;
  52.     /** 文本字体 */
  53.     fontFamily?: string;
  54.     /** 文本粗细 */
  55.     fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter' | number;
  56.     /** 字体变体 */
  57.     fontVariant?: 'normal' | 'small-caps' | string;
  58.     /** 文本行高 */
  59.     lineHeight?: number;
  60.     [key: string]: any;
  61. };