Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Line

可绘制 折线、二次曲线、贝塞尔曲线（任意组合）

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

children

children: Layer<any>[]

parent

parent: Layer<any> | null

props

props: ILineProps

state

state: ILayerState

Methods

add

  • add(layer: Layer<any>): this

addTo

  • addTo(layer: Layer<any>): this

clear

  • clear(): this

  • 清空所有坐标点

    Returns this

clone

dash

  • dash(value: ILineProps["dash"]): this

  • 设置线段样式

    数值最后将 * strokeWidth 后再被应用

    Parameters

    • value: ILineProps["dash"]

    Returns this

emit

  • emit<T, K>(type: K, args: Parameters<T[K]>): this

  • 发起事件

    Type parameters

    • T: {}

    • K: IKey<T>

    Parameters

    • type: K
    • args: Parameters<T[K]>

    Returns this

endCap

fill

  • fill(value: ILayerState["fill"]): this

  • 设置填充颜色

    Parameters

    • value: ILayerState["fill"]

    Returns this

getLayerStatus

  • getLayerStatus(): { opacity: number; rotate: number; scaleX: number; scaleY: number; x: number; y: number }

  • 获得当前图层 在画布中的状态

    x, y返回的是相对坐标

    Returns { opacity: number; rotate: number; scaleX: number; scaleY: number; x: number; y: number }

    • opacity: number
    • rotate: number
    • scaleX: number
    • scaleY: number
    • x: number
    • y: number

hide

  • hide(): this

off

  • off<T, K>(type: K, event: T[K]): this

  • 取消事件监听

    Type parameters

    • T: {}

    • K: IKey<T>

    Parameters

    • type: K
    • event: T[K]

    Returns this

on

  • on<T, K>(type: K, event: T[K]): this

  • 绑定事件监听

    Type parameters

    • T: {}

    • K: IKey<T>

    Parameters

    • type: K
    • event: T[K]

    Returns this

once

  • once<T, K>(type: K, event: T[K]): this

  • 绑定一次性事件监听

    Type parameters

    • T: {}

    • K: IKey<T>

    Parameters

    • type: K
    • event: T[K]

    Returns this

opacity

  • opacity(value: ILayerState["opacity"]): this

  • 设置透明度

    Parameters

    • value: ILayerState["opacity"]

    Returns this

remove

  • remove(layer: Layer<any>): this

removeAll

  • removeAll(): this

render

  • render(ctx: CanvasRenderingContext2D, utils: ISketchUtils): void

rotate

  • rotate(value: ILayerState["rotate"]): this

  • 设置旋转角度

    Parameters

    • value: ILayerState["rotate"]

    Returns this

scale

  • scale(x: ILayerState["scaleX"], y?: ILayerState["scaleY"]): this

  • 设置缩放

    Parameters

    • x: ILayerState["scaleX"]
    • Optional y: ILayerState["scaleY"]

    Returns this

show

  • show(): this

smooth

  • smooth(value: ILineProps["smooth"]): this

  • 光滑折线（曲线点不受影响）

    Parameters

    • value: ILineProps["smooth"]

    Returns this

startCap

stroke

  • stroke(value: ILayerState["stroke"]): this

  • 设置描边颜色

    Parameters

    • value: ILayerState["stroke"]

    Returns this

strokeWidth

  • strokeWidth(value: ILayerState["strokeWidth"]): this

to

  • to(x: number, y: number, cp1x?: number, cp1y?: number, cp2x?: number, cp2y?: number): this

  • 设置线段点位

    根据参数使用不同的绘制算法

    • x, y 直线
    • x, y, cp1x, cp1y 二次曲线
    • x, y, cp1x, cp1y, cp2x, cp2y 贝塞尔曲线

    Parameters

    • x: number

      新的结束坐标x

    • y: number

      新的结束坐标y

    • Optional cp1x: number

      二次曲线控制点坐标x / 贝塞尔曲线控制点1坐标x

    • Optional cp1y: number

      二次曲线控制点坐标y / 贝塞尔曲线控制点1坐标y

    • Optional cp2x: number

      贝塞尔曲线控制点2坐标x

    • Optional cp2y: number

      贝塞尔曲线控制点2坐标y

    Returns this

turnTo

  • turnTo(layer: Layer, offset?: number): this

  • 将原始北面转向目标图层

    Parameters

    • layer: Layer

      目标图层

    • Default value offset: number = 0

      偏移角度

    Returns this

xy

  • xy(x: ILayerState["x"], y: ILayerState["y"]): this

  • 设置坐标

    Parameters

    • x: ILayerState["x"]
    • y: ILayerState["y"]

    Returns this