Options
All
  • Public
  • Public/Protected
  • All
Menu

Class SvgDrawer

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

  • new SvgDrawer(container: HTMLElement): SvgDrawer

Properties

cache

cache: Map<any, any> = ...

Optional cx

cx?: number

Optional cy

cy?: number

dblclick

dblclick: boolean = false

dirtyEnable

dirtyEnable: boolean = false

是否开启脏记录

dirtyStatus

dirtyStatus: number = 0b000

drawer

drawer: null | Svg

effectStatus

effectStatus: number = 0b000

Optional element

element?: Element

eventStop

eventStop: Set<unknown> = ...

Optional fill

fill?: string | number

Optional fillOpacity

fillOpacity?: number

Optional fontFamily

fontFamily?: string

Optional fontSize

fontSize?: number

Optional height

height?: number

id

id: string

Optional offset

offset?: number

Optional opacity

opacity?: number

props

props: any = ...

Optional r

r?: number

Optional rx

rx?: number

Optional ry

ry?: number

Optional sid

sid?: string

Optional stopColor

stopColor?: string

Optional stopOpacity

stopOpacity?: number

Optional stroke

stroke?: string

Optional strokeLinecap

strokeLinecap?: string

Optional strokeLinejoin

strokeLinejoin?: string

Optional strokeOpacity

strokeOpacity?: number

Optional strokeWidth

strokeWidth?: number

Optional textAnchor

textAnchor?: string

Optional width

width?: number

Optional x

x?: number

Optional y

y?: number

Accessors

eventEnable

  • get eventEnable(): boolean
  • set eventEnable(enable: boolean): void

  • Returns boolean

  • Parameters

    • enable: boolean

    Returns void

Methods

add

addShape

  • 添加shape

    Parameters

    Returns void

assign

attr

  • attr(arg1?: string | object | string[], arg2?: any, arg3?: string): any

  • 获取属性 attr(): any;

    Parameters

    • Optional arg1: string | object | string[]
    • Optional arg2: any
    • Optional arg3: string

    Returns any

    属性内容

    设置属性 attr(name: string, value: any, namespace?: string): this;

clear

  • clear(): void

  • 清理

    Returns void

clearProps

  • clearProps(): void

cloneShape

  • cloneShape<T>(shape: T, add?: boolean): T

  • 克隆shape

    Type parameters

    Parameters

    • shape: T

      被克隆shape

    • Optional add: boolean

      添加进svg

    Returns T

    克隆的shape

create

  • create<T>(ShapeClass: new () => T): T

  • 创建shape

    Type parameters

    Parameters

    • ShapeClass: new () => T

      shape类型

        • new (): T

        • Returns T

    Returns T

    shape实例

css

  • css<T>(style?: Partial<CSSStyleDeclaration> | T, val?: CSSStyleDeclaration[T]): Partial<CSSStyleDeclaration> | SvgDrawer | CSSStyleDeclaration[T]

  • 获取样式 css(): Partial

    Type parameters

    • T: CSSStyleName

    Parameters

    • Optional style: Partial<CSSStyleDeclaration> | T

      样式名

    • Optional val: CSSStyleDeclaration[T]

      样式值

    Returns Partial<CSSStyleDeclaration> | SvgDrawer | CSSStyleDeclaration[T]

    样式集合

    获取某个样式 css(style: T): CSSStyleDeclaration[T]

delDirtyStatus

  • delDirtyStatus(flag: number): void

delEffectStatus

  • delEffectStatus(flag: number): void

dispose

  • dispose(): void

emit

  • emit(event: string, ...args: any[]): void

  • 事件发送

    Parameters

    • event: string

      事件名

    • Rest ...args: any[]

      参数

    Returns void

hide

isDirty

  • isDirty(flag: number): boolean

  • Parameters

    • flag: number

    Returns boolean

isEffect

  • isEffect(flag: number): boolean

  • Parameters

    • flag: number

    Returns boolean

move

  • move(x: string | number, y: string | number): void

  • Parameters

    • x: string | number
    • y: string | number

    Returns void

moveBy

  • moveBy(x: number, y: number): void

  • Parameters

    • x: number
    • y: number

    Returns void

off

  • off(event: string, callback: Function): void

  • 关闭事件

    Parameters

    • event: string

      事件名

    • callback: Function

      回调

    Returns void

on

  • on(event: string, callback: Function): void

  • 开启事件

    Parameters

    • event: string

      事件名

    • callback: Function

      回调

    Returns void

remove

  • remove(): void

  • 移除自身

    Returns void

removeShape

  • removeShape(shape: SvgShape, dispose?: boolean): void

  • 移除shape

    Parameters

    • shape: SvgShape
    • dispose: boolean = false

      注销

    Returns void

setDirtyStatus

  • setDirtyStatus(flag: number): void

setEffectStatus

  • setEffectStatus(flag: number): void

show