SPainter | 博锐尚格绘制引擎

Painter

author: 庞利祥(sybotan@126.com)

Hierarchy

SObject
- SPainter

Index

Constructors

constructor

Properties

Accessors

Constructors

constructor

new SPainter(engine: SCanvasView | SPaintEngine): SPainter

- Defined in persagy-web-draw/src/SPainter.ts:101
构造函数

Parameters
- engine: SCanvasView | SPaintEngine
  
  绘制引擎
Returns SPainter

Properties

Private Readonly engine

engine: SPaintEngine

绘制引擎

id

id: string

name

name: string

Accessors

brush

get brush(): SBrush
set brush(value: SBrush): void

- Defined in persagy-web-draw/src/SPainter.ts:66
画刷

Returns SBrush
- Defined in persagy-web-draw/src/SPainter.ts:69
画刷

Parameters
- value: SBrush
Returns void

composite

get composite(): number
set composite(value: number): void

- Defined in persagy-web-draw/src/SPainter.ts:83
融合属性

Returns number
- Defined in persagy-web-draw/src/SPainter.ts:86
融合属性

Parameters
- value: number
Returns void

font

get font(): SFont
set font(value: SFont): void

- Defined in persagy-web-draw/src/SPainter.ts:74
字体属性

Returns SFont
- Defined in persagy-web-draw/src/SPainter.ts:77
字体属性

Parameters
- value: SFont
Returns void

pen

get pen(): SPen
set pen(value: SPen): void

- Defined in persagy-web-draw/src/SPainter.ts:58
画笔

Returns SPen
- Defined in persagy-web-draw/src/SPainter.ts:61
画笔

Parameters
- value: SPen
Returns void

shadow

get shadow(): SShadow
set shadow(value: SShadow): void

- Defined in persagy-web-draw/src/SPainter.ts:91
阴影设置

Returns SShadow
- Defined in persagy-web-draw/src/SPainter.ts:94
阴影设置

Parameters
- value: SShadow
Returns void

worldTransform

get worldTransform(): SMatrix

- Defined in persagy-web-draw/src/SPainter.ts:99
变换矩阵

Returns SMatrix

Methods

$emit

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

Inherited from SGraphItem.$emit
- Defined in persagy-web-graph/node_modules/@persagy-web/base/lib/SObject.d.ts:7
Parameters
- name: string
- Rest ...args: any
Returns void

clearRect

clearRect(rect: SRect): void
clearRect(leftTop: SPoint, rightBottom: SPoint): void
clearRect(leftTop: SPoint, size: SSize): void
clearRect(x: number, y: number, w: number, h: number): void

- Defined in persagy-web-draw/src/SPainter.ts:234
清空矩形区域

Parameters
- rect: SRect
  
  矩形
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:242
清空矩形区域

Parameters
- leftTop: SPoint
  
  左上角坐标
- rightBottom: SPoint
  
  右下角坐标
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:250
清空矩形区域

Parameters
- leftTop: SPoint
  
  左上角坐标
- size: SSize
  
  大小
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:260
清空矩形区域

Parameters
- x: number
  
  X坐标 | 左上角坐标 | 矩形
- y: number
  
  Y坐标 | 右下角坐标 | 大小
- w: number
  
  宽度
- h: number
  
  高度
Returns void

connect

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

Inherited from SGraphItem.connect
- Defined in persagy-web-graph/node_modules/@persagy-web/base/lib/SObject.d.ts:5
Parameters
- name: string
- receiver: any
- callback: Function
Returns void

disconnect

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

Inherited from SGraphItem.disconnect
- Defined in persagy-web-graph/node_modules/@persagy-web/base/lib/SObject.d.ts:6
Parameters
- name: string
- receiver: any
Returns void

drawArrowLine

drawArrowLine(line: SLine, style?: SArrow): void
drawArrowLine(p1: SPoint, p2: SPoint, style?: SArrow): void
drawArrowLine(x1: number, y1: number, x2: number, y2: number, style?: SArrow): void

- Defined in persagy-web-draw/src/SPainter.ts:578
绘制带箭头的线段

Parameters
- line: SLine
  
  线段
- Optional style: SArrow
  
  末端样式
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:587
绘制带箭头的线段

Parameters
- p1: SPoint
  
  启点坐标
- p2: SPoint
  
  终点坐标
- Optional style: SArrow
  
  末端样式
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:598
绘制带箭头的线段

Parameters
- x1: number
  
  启点X坐标
- y1: number
  
  启点Y坐标
- x2: number
  
  终点X坐标
- y2: number
  
  终点Y坐标
- Optional style: SArrow
  
  末端样式
Returns void

Private drawBasicArrow

drawBasicArrow(line: SLine, isEnd?: boolean): void

- Defined in persagy-web-draw/src/SPainter.ts:675
私有计算方法-绘制线段末端标准箭头

Parameters
- line: SLine
  
  要加末端样式的线段
- Default value isEnd: boolean = true
  
  是否为结束位置
Returns void

drawCircle

drawCircle(cx: number, cy: number, r: number): void

- Defined in persagy-web-draw/src/SPainter.ts:424
绘制圆形

Parameters
- cx: number
  
  圆心X坐标
- cy: number
  
  圆心X坐标
- r: number
  
  圆半径
Returns void

Private drawCircleArrow

drawCircleArrow(line: SLine, isEnd?: boolean): void

- Defined in persagy-web-draw/src/SPainter.ts:835
私有计算方法-绘制线段末端圆形箭头

Parameters
- line: SLine
  
  要加末端样式的线段
- Default value isEnd: boolean = true
  
  是否为结束位置
Returns void

Private drawDiamondArrow

drawDiamondArrow(line: SLine, isEnd?: boolean): void

- Defined in persagy-web-draw/src/SPainter.ts:755
私有计算方法-绘制线段末端菱形箭头

Parameters
- line: SLine
  
  要加末端样式的线段
- Default value isEnd: boolean = true
  
  是否为结束位置
Returns void

drawEllipse

drawEllipse(cx: number, cy: number, rx: number, ry: number): void

- Defined in persagy-web-draw/src/SPainter.ts:436
绘制椭圆

Parameters
- cx: number
  
  圆点X坐标
- cy: number
  
  圆点Y坐标
- rx: number
  
  水平半径
- ry: number
  
  垂直半径
Returns void

drawImage

drawImage(img: CanvasImageSource, x: number, y: number, width?: undefined | number, height?: undefined | number): void

- Defined in persagy-web-draw/src/SPainter.ts:543
绘制图片

Parameters
- img: CanvasImageSource
  
  图片
- x: number
  
  X坐标
- y: number
  
  Y坐标
- Optional width: undefined | number
  
  宽度
- Optional height: undefined | number
  
  高度
Returns void

drawLine

drawLine(line: SLine): void
drawLine(p1: SPoint, p2: SPoint): void
drawLine(x1: number, y1: number, x2: number, y2: number): void

- Defined in persagy-web-draw/src/SPainter.ts:445
绘制一条线段

Parameters
- line: SLine
  
  线段
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:453
绘制一条线段

Parameters
- p1: SPoint
  
  启点坐标
- p2: SPoint
  
  终点坐标
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:463
绘制一条线段

Parameters
- x1: number
  
  启点X坐标 | 起点1坐标 | 线段 |
- y1: number
  
  启点Y坐标 | 终点坐标
- x2: number
  
  终点X坐标
- y2: number
  
  终点Y坐标
Returns void

drawPath

drawPath(path: SPath): void

- Defined in persagy-web-draw/src/SPainter.ts:518
绘制路径

Parameters
- path: SPath
  
  路径
Returns void

drawPolygon

drawPolygon(points: SPoint[]): void

- Defined in persagy-web-draw/src/SPainter.ts:509
绘制多边形

Parameters
- points: SPoint[]
  
  多边形顶点
Returns void

drawPolyline

drawPolyline(points: SPoint[]): void

- Defined in persagy-web-draw/src/SPainter.ts:500
绘制折线

Parameters
- points: SPoint[]
  
  折线折点
Returns void

drawRect

drawRect(rect: SRect): void
drawRect(leftTop: SPoint, rightBottom: SPoint): void
drawRect(leftTop: SPoint, size: SSize): void
drawRect(x: number, y: number, w: number, h: number): void

- Defined in persagy-web-draw/src/SPainter.ts:294
绘制矩形

Parameters
- rect: SRect
  
  矩形
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:302
绘制矩形

Parameters
- leftTop: SPoint
  
  左上角坐标
- rightBottom: SPoint
  
  右下角坐标
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:310
绘制矩形

Parameters
- leftTop: SPoint
  
  左上角坐标
- size: SSize
  
  大小
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:320
绘制矩形

Parameters
- x: number
  
  X坐标 | 左上角坐标 | 矩形
- y: number
  
  Y坐标 | 右下角坐标 | 大小
- w: number
  
  宽度
- h: number
  
  高度
Returns void

drawRoundRect

drawRoundRect(rect: SRect, r: number): void
drawRoundRect(pos: SPoint, size: SSize, r: number): void
drawRoundRect(x: number, y: number, w: number, h: number, r: number): void

- Defined in persagy-web-draw/src/SPainter.ts:355
绘制带导角矩形

Parameters
- rect: SRect
  
  矩形
- r: number
  
  导角半径
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:364
绘制带导角矩形

Parameters
- pos: SPoint
  
  左上角位置
- size: SSize
  
  大小
- r: number
  
  导角半径
Returns void
- Defined in persagy-web-draw/src/SPainter.ts:375
绘制带导角矩形

Parameters
- x: number
  
  X坐标
- y: number
  
  Y坐标
- w: number
  
  宽度
- h: number
  
  高度
- r: number
  
  导角半径
Returns void

Private drawSquareArrow

drawSquareArrow(line: SLine, isEnd?: boolean): void

- Defined in persagy-web-draw/src/SPainter.ts:797
私有计算方法-绘制线段末端方形箭头

Parameters
- line: SLine
  
  要加末端样式的线段
- Default value isEnd: boolean = true
  
  是否为结束位置
Returns void

drawText

drawText(text: string, x: number, y: number, maxWidth?: undefined | number): void

- Defined in persagy-web-draw/src/SPainter.ts:530
绘制文本

Parameters
- text: string
  
  文本内容
- x: number
  
  X坐标
- y: number
  
  Y坐标
- Optional maxWidth: undefined | number
  
  最大宽度
Returns void

Private drawTriangleArrow

drawTriangleArrow(line: SLine, isEnd?: boolean): void

- Defined in persagy-web-draw/src/SPainter.ts:715
私有计算方法-绘制线段末端三角形箭头

Parameters
- line: SLine
  
  要加末端样式的线段
- Default value isEnd: boolean = true
  
  是否为结束位置
Returns void

resetTransform

resetTransform(): void

- Defined in persagy-web-draw/src/SPainter.ts:214
重置当前变形为单位矩阵。等价于调用setTransform(1, 0, 0, 1, 0, 0)

Returns void

restore

restore(): void

- Defined in persagy-web-draw/src/SPainter.ts:134
恢复painter状态

Returns void

rotate

rotate(angle: number): void

- Defined in persagy-web-draw/src/SPainter.ts:165
旋转

Parameters
- angle: number
  
  旋转角度(单位弧度)
Returns void

save

save(): void

- Defined in persagy-web-draw/src/SPainter.ts:127
保存painter状态

Returns void

scale

scale(x: number, y: number): void

- Defined in persagy-web-draw/src/SPainter.ts:156
缩放

Parameters
- x: number
  
  X轴方向缩放
- y: number
  
  Y辆方向缩放
Returns void

setClip

setClip(path: Path2D): void

- Defined in persagy-web-draw/src/SPainter.ts:225
设置裁剪路径

Parameters
- path: Path2D
  
  裁剪路径
Returns void

setTransform

setTransform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void

- Defined in persagy-web-draw/src/SPainter.ts:200
将当前的变形矩阵重置为单位矩阵，再将当前的变形矩阵乘上一个基于自身参数的矩阵

Parameters
- m11: number
  
  水平方向的缩放
- m12: number
  
  水平方向的倾斜偏移
- m21: number
  
  竖直方向的倾斜偏移
- m22: number
  
  竖直方向的缩放
- dx: number
  
  水平方向的移动
- dy: number
  
  竖直方向的移动
Returns void

textWidth

textWidth(text: string): number

- Defined in persagy-web-draw/src/SPainter.ts:568
预测量文本宽度

Parameters
- text: string
  
  文本字符
Returns number

文本所占长度像素

toPx

toPx(p: number): number

- Defined in persagy-web-draw/src/SPainter.ts:558
painter转实现view象素

Parameters
- p: number
  
  绘制坐标
Returns number

transform

transform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void

- Defined in persagy-web-draw/src/SPainter.ts:179
将当前的变形矩阵乘上一个基于自身参数的矩阵

Parameters
- m11: number
  
  水平方向的缩放
- m12: number
  
  水平方向的倾斜偏移
- m21: number
  
  竖直方向的倾斜偏移
- m22: number
  
  竖直方向的缩放
- dx: number
  
  水平方向的移动
- dy: number
  
  竖直方向的移动
Returns void

translate

translate(x: number, y: number): void

- Defined in persagy-web-draw/src/SPainter.ts:146
平移变换

Parameters
- x: number
  
  X轴方向平移
- y: number
  
  Y辆方向平移
Returns void

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

engine: SCanvasView | SPaintEngine

Returns SPainter

Properties

Private Readonly engine

id

name

Accessors

brush

Returns SBrush

Parameters

value: SBrush

Returns void

composite

Returns number

Parameters

value: number

Returns void

font

Returns SFont

Parameters

value: SFont

Returns void

pen

Returns SPen

Parameters

value: SPen

Returns void

shadow

Returns SShadow

Parameters

value: SShadow

Returns void

worldTransform

Returns SMatrix

Methods

$emit

Parameters

name: string

Rest ...args: any

Returns void

clearRect

Parameters

rect: SRect

Returns void

Parameters

leftTop: SPoint

rightBottom: SPoint

Returns void

Parameters

leftTop: SPoint

size: SSize

Returns void

Parameters

x: number

y: number

w: number

h: number

Returns void

connect

Parameters

name: string

receiver: any

callback: Function

Returns void

disconnect

Parameters

name: string

receiver: any

Returns void

drawArrowLine

Parameters