Options
All
  • Public
  • Public/Protected
  • All
Menu

Class SGraphView

Graphy图形引擎视图类

author

庞利祥(sybotan@126.com)

Hierarchy

  • SCanvasView
    • SGraphView

Index

Constructors

constructor

  • 构造函数

    Parameters

    • id: string

      画布对象ID

    Returns SGraphView

Properties

Private _scene

_scene: SGraphScene | null = null

场景对象

backgroundColor

backgroundColor: SColor = SColor.Transparent

背景色

Protected Readonly canvasView

canvasView: HTMLCanvasElement

id

id: string

maxScale

maxScale: number

minScale

minScale: number

moveable

moveable: boolean

name

name: string

rotate

rotate: number = 0

旋转角度

scalable

scalable: boolean

wheelZoom

wheelZoom: number

Accessors

canvas

  • get canvas(): CanvasRenderingContext2D | null
  • Returns CanvasRenderingContext2D | null

cursor

  • set cursor(v: string): any
  • Parameters

    • v: string

    Returns any

height

  • get height(): number
  • Returns number

origin

  • get origin(): SPoint
  • set origin(v: SPoint): any
  • Returns SPoint

  • Parameters

    • v: SPoint

    Returns any

scale

  • get scale(): number
  • set scale(v: number): any
  • Returns number

  • Parameters

    • v: number

    Returns any

scene

  • Returns SGraphScene | null

  • Parameters

    Returns void

width

  • get width(): number
  • Returns number

Methods

$emit

  • $emit(name: string, ...args: any): void
  • Parameters

    • name: string
    • Rest ...args: any

    Returns void

connect

  • connect(name: string, receiver: any, callback: Function): void
  • Parameters

    • name: string
    • receiver: any
    • callback: Function

    Returns void

disconnect

  • disconnect(name: string, receiver: any): void
  • Parameters

    • name: string
    • receiver: any

    Returns void

Protected drawBackground

  • drawBackground(painter: SPainter): void
  • 绘制场景背景

    Parameters

    • painter: SPainter

      painter对象

    Returns void

Protected drawForeground

  • drawForeground(painter: SPainter): void
  • 绘制场景前景

    Parameters

    • painter: SPainter

      painter对象

    Returns void

fitItemToView

  • 适配任意对象在视图中可见

    Parameters

    Returns void

Private fitRectToSize

  • fitRectToSize(width: number, height: number, rect: SRect | null): void
  • 适配场景在视图中可见

    Parameters

    • width: number

      宽度

    • height: number

      高度

    • rect: SRect | null

      对象的矩阵大小

    Returns void

fitSceneToView

  • fitSceneToView(): void
  • 适配视图到视图

    Returns void

fitSelectedToView

  • fitSelectedToView(): void
  • 适配选中的对象在视图中可见

    Returns void

imageUrl

  • imageUrl(type: string): string
  • Parameters

    • type: string

    Returns string

Protected loop

  • loop(): void
  • Returns void

mapFromScene

  • mapFromScene(x: number, y: number): SPoint
  • mapFromScene(pos: SPoint): SPoint
  • 将场景中的xy坐标转换成视图坐标。

    Parameters

    • x: number

      场景中的横坐标

    • y: number

      场景中的纵坐标

    Returns SPoint

    视图坐标

  • 将场景中的xy坐标转换成视图坐标。

    Parameters

    • pos: SPoint

      场景中的坐标

    Returns SPoint

    视图坐标

mapToScene

  • mapToScene(x: number, y: number): SPoint
  • mapToScene(pos: SPoint): SPoint
  • 将i视图的xy坐标转换成场景坐标。

    Parameters

    • x: number

      视图的横坐标/或SPoint对象

    • y: number

      视图的纵坐标

    Returns SPoint

    场景坐标

  • 将i视图的xy坐标转换成场景坐标。

    Parameters

    • pos: SPoint

      视图坐标

    Returns SPoint

    场景坐标

Protected onClick

  • onClick(event: MouseEvent): void
  • Parameters

    • event: MouseEvent

    Returns void

Protected onContextMenu

  • onContextMenu(event: MouseEvent): void
  • 上下文菜单事件

    Parameters

    • event: MouseEvent

      事件参数

    Returns void

Protected onDoubleClick

  • onDoubleClick(event: MouseEvent): void
  • 鼠标双击事件

    Parameters

    • event: MouseEvent

      事件参数

    Returns void

Protected onDraw

  • onDraw(painter: SPainter): void
  • 绘制视图

    Parameters

    • painter: SPainter

      painter对象

    Returns void

Protected onKeyDown

  • onKeyDown(event: KeyboardEvent): void
  • 按键按下事件

    Parameters

    • event: KeyboardEvent

      事件参数

    Returns void

Protected onKeyPress

  • onKeyPress(event: KeyboardEvent): void
  • Parameters

    • event: KeyboardEvent

    Returns void

Protected onKeyUp

  • onKeyUp(event: KeyboardEvent): void
  • 按键松开事件

    Parameters

    • event: KeyboardEvent

      事件参数

    Returns void

Protected onMouseDown

  • onMouseDown(event: MouseEvent): void
  • 鼠标按下事件

    Parameters

    • event: MouseEvent

      事件参数

    Returns void

Protected onMouseMove

  • onMouseMove(event: MouseEvent): void
  • 鼠标移动事件

    Parameters

    • event: MouseEvent

      事件参数

    Returns void

Protected onMouseUp

  • onMouseUp(event: MouseEvent): void
  • 鼠标松开事件

    Parameters

    • event: MouseEvent

      事件参数

    Returns void

Protected onMouseWheel

  • onMouseWheel(event: WheelEvent): void
  • Parameters

    • event: WheelEvent

    Returns void

Protected onResize

  • onResize(event: UIEvent): void
  • Parameters

    • event: UIEvent

    Returns void

Protected onTouchEnd

  • onTouchEnd(event: TouchEvent): void
  • Parameters

    • event: TouchEvent

    Returns void

Protected onTouchMove

  • onTouchMove(event: TouchEvent): void
  • Parameters

    • event: TouchEvent

    Returns void

Protected onTouchStart

  • onTouchStart(event: TouchEvent): void
  • Parameters

    • event: TouchEvent

    Returns void

saveImage

  • saveImage(name: string, type: string): void
  • Parameters

    • name: string
    • type: string

    Returns void

saveImageSize

  • saveImageSize(name: string, type: string, width: number, height: number): void
  • 保存图像

    Parameters

    • name: string

      名称

    • type: string

      图像类型

    • width: number

      要保存图形的宽

    • height: number

      要保存图形的高

    Returns void

saveSceneSvg

  • saveSceneSvg(name: string, width: number, height: number): void
  • 保存场景SVG文件

    Parameters

    • name: string

      文件名

    • width: number

      svg宽度

    • height: number

      svg高度

    Returns void

saveSvg

  • saveSvg(name: string): void
  • Parameters

    • name: string

    Returns void

scaleByPoint

  • scaleByPoint(zoom: number, x0: number, y0: number): void
  • Parameters

    • zoom: number
    • x0: number
    • y0: number

    Returns void

sceneSvgData

  • sceneSvgData(width: number, height: number): string
  • 场景SVG图形的数据

    Parameters

    • width: number

      svg宽度

    • height: number

      svg高度

    Returns string

    URL地址

svgData

  • svgData(): string
  • Returns string

Private toSceneMotionEvent

  • toSceneMotionEvent(event: MouseEvent): SMouseEvent
  • MouseEvent事件转换成场景SMouseEvent事件

    Parameters

    • event: MouseEvent

      事件参数

    Returns SMouseEvent

update

  • update(): void
  • Returns void