Options
All
  • Public
  • Public/Protected
  • All
Menu

Class SImageItem

图片item

author

张宇(taohuzy@163.com)

Hierarchy

Index

Constructors

constructor

  • 构造函数

    Parameters

    • parent: SGraphItem | null

      指向父Item

    • Optional url: undefined | string

      图片地址

    Returns SImageItem

Properties

Protected _enabled

_enabled: boolean = true

是否可用

Private _lineWidth

_lineWidth: number = 1

边框宽度

Private _originPosition

_originPosition: STextOrigin = STextOrigin.LeftTop

原点位置

_rotate

_rotate: number = 0

旋转角度

Protected _selected

_selected: boolean = false

是否被选中

Private _showType

_showType: SImageShowType = SImageShowType.Full

展示模式

Private _strokeColor

_strokeColor: SColor = SColor.Transparent

边框色

Private _url

_url: string = ""

图片地址

anchorList

anchorList: SAnchorItem[] = []

锚点list

children

children: SGraphItem[] = []

子节点

cursor

cursor: string = "default"

鼠标样式

id

id: string

img

img: CanvasImageSource | undefined

图片dom

Private imgHeight

imgHeight: number = this.height

图片的高度

Private imgWidth

imgWidth: number = this.width

图片的宽度

isLoadOver

isLoadOver: boolean = false

图片加载是否完成

isTransform

isTransform: boolean = true

是否进行变形

moveable

moveable: boolean = false

是否可以移动

name

name: string

origin

origin: SPoint = new SPoint()

原点

pos

pos: SPoint = new SPoint(0, 0)

位置

scale

scale: number = 1

缩放比例

selectable

selectable: boolean = false

是否可被选中

Accessors

enabled

  • get enabled(): boolean
  • set enabled(value: boolean): void
  • Returns boolean

  • Parameters

    • value: boolean

    Returns void

height

  • get height(): number
  • set height(v: number): void
  • Returns number

  • Parameters

    • v: number

    Returns void

inverseScale

  • get inverseScale(): number

lineWidth

  • get lineWidth(): number
  • set lineWidth(v: number): void
  • Returns number

  • Parameters

    • v: number

    Returns void

originPosition

  • Returns STextOrigin

  • Parameters

    Returns void

parent

rotate

  • get rotate(): number
  • set rotate(v: number): void
  • Returns number

  • Parameters

    • v: number

    Returns void

scene

selected

  • get selected(): boolean
  • set selected(value: boolean): void
  • Returns boolean

  • Parameters

    • value: boolean

    Returns void

showType

  • Returns SImageShowType

  • Parameters

    Returns void

strokeColor

  • get strokeColor(): SColor
  • set strokeColor(v: SColor): void
  • Returns SColor

  • Parameters

    • v: SColor

    Returns void

url

  • get url(): string
  • set url(v: string): void
  • Returns string

  • Parameters

    • v: string

    Returns void

visible

  • get visible(): boolean
  • set visible(v: boolean): void
  • Returns boolean

  • Parameters

    • v: boolean

    Returns void

width

  • get width(): number
  • set width(v: number): void
  • Returns number

  • Parameters

    • v: number

    Returns void

x

  • get x(): number
  • set x(v: number): void
  • X轴坐标

    Returns number

  • X轴坐标

    Parameters

    • v: number

    Returns void

y

  • get y(): number
  • set y(v: number): void
  • Y轴坐标

    Returns number

  • Y轴坐标

    Parameters

    • v: number

    Returns void

zOrder

  • get zOrder(): number
  • set zOrder(v: number): void
  • Returns number

  • Parameters

    • v: number

    Returns void

Methods

$emit

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

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

    Returns void

Private GetUrlRelativePath

  • GetUrlRelativePath(url: string): string
  • 截取绝对路径中的相对路径

    Parameters

    • url: string

      绝对路径

    Returns string

boundingRect

  • boundingRect(): SRect
  • Item对象边界区域

    Returns SRect

    SRect

cancelOperate

  • cancelOperate(): void
  • 取消操作item事件

    Returns void

computeImgSize

  • computeImgSize(): void
  • 根据显示模式计算图片的宽高

    Returns void

connect

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

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

    Returns void

contains

  • contains(x: number, y: number): boolean
  • 判断item是否包含点x,y

    Parameters

    • x: number

      横坐标(当前item)

    • y: number

      纵坐标(当前item)

    Returns boolean

    boolean

disconnect

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

    • name: string
    • receiver: any

    Returns void

Protected grabItem

  • 锁定item

    Parameters

    Returns void

hide

  • hide(): void
  • 隐藏对象

    Returns void

Private isUrlIdentical

  • isUrlIdentical(imgUrl: string): boolean
  • 判断当前地址和回调地址是否相同

    Parameters

    • imgUrl: string

      图片回调地址

    Returns boolean

itemPath

  • 获得item的路径节点列表。(该节点被加载到场景中,如果未被加载到场景中,计算会出错)

    Returns SGraphItem[]

    *[]

mapFromScene

  • mapFromScene(x: number, y: number): SPoint
  • 将场景中的xy坐标转换成item坐标。(该节点被加载到场景中,如果未被加载到场景中,计算会出错)

    Parameters

    • x: number

      场景中的横坐标

    • y: number

      场景中的纵坐标

    Returns SPoint

    在item中的坐标

mapToScene

  • mapToScene(x: number, y: number): SPoint
  • 将item中的xy坐标转换成场景坐标。(该节点被加载到场景中,如果未被加载到场景中,计算会出错)

    Parameters

    • x: number

      item中的横坐标

    • y: number

      item中的纵坐标

    Returns SPoint

    在场景中的坐标

moveTo

  • moveTo(x: number, y: number): void
  • 移动item到指定位置

    Parameters

    • x: number

      新位置的x坐标

    • y: number

      新位置的y坐标

    Returns void

moveToOrigin

  • moveToOrigin(x: number, y: number): void
  • 移动item后的处理,计算其他信息,将原点置为场景原点

    Parameters

    • x: number

      x坐标

    • y: number

      y坐标

    Returns void

onClick

  • onClick(event: SMouseEvent): boolean
  • 鼠标单击事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onContextMenu

  • onContextMenu(event: SMouseEvent): boolean
  • 上下文菜单事件

    Parameters

    • event: SMouseEvent

      事件参数

    Returns boolean

onDoubleClick

  • onDoubleClick(event: SMouseEvent): boolean
  • 鼠标双击事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onDraw

  • onDraw(painter: SPainter): void
  • Item绘制操作

    Parameters

    • painter: SPainter

      绘画类

    Returns void

onKeyDown

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

    Parameters

    • event: KeyboardEvent

      事件参数

    Returns void

onKeyPress

  • onKeyPress(event: KeyboardEvent): void
  • 按键press事件

    Parameters

    • event: KeyboardEvent

      事件参数

    Returns void

onKeyUp

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

    Parameters

    • event: KeyboardEvent

      事件参数

    Returns void

onMouseDown

  • onMouseDown(event: SMouseEvent): boolean
  • 鼠标按下事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onMouseEnter

  • onMouseEnter(event: SMouseEvent): boolean
  • 鼠标进入事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onMouseLeave

  • onMouseLeave(event: SMouseEvent): boolean
  • 鼠标离开事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onMouseMove

  • onMouseMove(event: SMouseEvent): boolean
  • 鼠标移动事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onMouseUp

  • onMouseUp(event: SMouseEvent): boolean
  • 释放鼠标事件

    Parameters

    • event: SMouseEvent

      保存事件参数

    Returns boolean

    boolean

onPaint

  • onPaint(painter: SPainter, rect: SRect): void
  • Item绘制框架

    Parameters

    • painter: SPainter

      painter对象

    • rect: SRect

      绘制区域

    Returns void

Protected onResize

  • onResize(oldSize: SSize, newSize: SSize): void
  • 宽高发发生变化

    Parameters

    • oldSize: SSize

      改之前的大小

    • newSize: SSize

      改之后大小

    Returns void

Protected releaseItem

  • releaseItem(): void
  • 释放被锁定的item

    Returns void

scene2itemMattrix

  • scene2itemMattrix(): SMatrix
  • 场景对象到item对象的转换矩阵

    Returns SMatrix

    转换矩阵

show

  • show(): void
  • 显示对象

    Returns void

toData

  • toData(): any | null
  • 返回item对应的数据对象

    Returns any | null

update

  • update(): void
  • 更新Item

    Returns void