Class SCanvasPaintEngine

Canvas绘制引擎基类

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

Hierarchy

SPaintEngine
- SCanvasPaintEngine

Index

Constructors

constructor

Properties

Accessors

state
type

Constructors

constructor

new SCanvasPaintEngine(canvas: CanvasRenderingContext2D): SCanvasPaintEngine

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:76
构造函数

Parameters
- canvas: CanvasRenderingContext2D
  
  canvas对象
Returns SCanvasPaintEngine

Properties

Private Readonly _canvas

_canvas: CanvasRenderingContext2D

画布对象

Static gcoList

gcoList: string[] = ["copy","destination-atop","destination-in","destination-out","destination-over","lighter","source-atop","source-in","source-out","source-over","xor"]

融合类型

Accessors

state

get state(): SPaintState
set state(value: SPaintState): void

Inherited from SSvgPaintEngine.state
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:39
Returns SPaintState
Inherited from SSvgPaintEngine.state
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:42
Parameters
- value: SPaintState
Returns void

type

get type(): SPaintEngineType

Overrides SPaintEngine.type
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:74
绘制引擎类型

Returns SPaintEngineType

返回Canvas绘制引擎类型

Methods

bezierCurveTo

bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:385
绘制三次贝塞尔曲线

Parameters
- cp1x: number
  
  起始点控制点X坐标
- cp1y: number
  
  起始点控制点Y坐标
- cp2x: number
  
  结束点控制点X坐标
- cp2y: number
  
  结束点控制点Y坐标
- x: number
  
  结束点X坐标
- y: number
  
  结束点Y坐标
Returns void

changeFont

changeFont(font: SFont): void

Overrides SPaintEngine.changeFont
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:442
设置字体

Parameters
- font: SFont
  
  字体
Returns void

clearRect

clearRect(rect: SRect): void

Overrides SPaintEngine.clearRect
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:111
清空矩形区域

Parameters
- rect: SRect
  
  矩形
Returns void

drawCircle

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

Overrides SPaintEngine.drawCircle
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:138
绘制圆形

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

drawEllipse

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

Overrides SPaintEngine.drawEllipse
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:158
绘制椭圆

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

Overrides SPaintEngine.drawImage
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:334
绘制图片

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

drawLine

drawLine(line: SLine): void

Overrides SPaintEngine.drawLine
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:173
绘制线段

Parameters
- line: SLine
  
  线段
Returns void

drawPath

drawPath(path: SPath): void

Overrides SPaintEngine.drawPath
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:244
绘制路径

Parameters
- path: SPath
  
  路径
Returns void

drawPolygon

drawPolygon(points: SPoint[]): void

Overrides SPaintEngine.drawPolygon
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:216
绘制多边形

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

drawPolyline

drawPolyline(points: SPoint[]): void

Overrides SPaintEngine.drawPolyline
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:190
绘制折线

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

drawRect

drawRect(rect: SRect): void

Overrides SPaintEngine.drawRect
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:121
绘制空心矩形

Parameters
- rect: SRect
  
  矩形
Returns void

drawRoundRect

drawRoundRect(rect: SRect, r: number): void

Overrides SPaintEngine.drawRoundRect
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:402
绘制带导角空心矩形

Parameters
- rect: SRect
  
  矩形
- r: number
  
  导角半径
Returns void

drawText

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

Overrides SPaintEngine.drawText
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:310
绘制文本

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

quadraticCurveTo

quadraticCurveTo(cp1x: number, cp1y: number, x: number, y: number): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:371
绘制二次贝塞尔曲线

Parameters
- cp1x: number
  
  控制点X坐标
- cp1y: number
  
  控制点Y坐标
- x: number
  
  结束点X坐标
- y: number
  
  结束点Y坐标
Returns void

resetTransform

resetTransform(): void

Inherited from SSvgPaintEngine.resetTransform
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:141
重置当前变形为单位矩阵。等价于调用setTransform(1, 0, 0, 1, 0, 0)

Returns void

restore

restore(): void

Inherited from SSvgPaintEngine.restore
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:63
恢复painter状态

Returns void

rotate

rotate(angle: number): void

Inherited from SSvgPaintEngine.rotate
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:96
旋转

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

save

save(): void

Inherited from SSvgPaintEngine.save
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:55
保存painter状态

Returns void

scale

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

Inherited from SSvgPaintEngine.scale
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:87
缩放

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

Private setBaseLine

setBaseLine(value: STextBaseLine): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:602
设置文本基线对齐选项

Parameters
- value: STextBaseLine
  
  对齐方式
Returns void

Private setBrush

setBrush(): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:494
设置画刷

Returns void

setClip

setClip(path: Path2D): void

Overrides SPaintEngine.setClip
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:99
设置裁剪路径

Parameters
- path: Path2D
  
  裁剪路径
Returns void

Private setComposite

setComposite(): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:539
设置融合

Returns void

Private setFont

setFont(): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:568
设置字体

Returns void

Private setLineCapStyle

setLineCapStyle(style: SLineCapStyle): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:480
线段端点风格

Parameters
- style: SLineCapStyle
  
  风格
Returns void

Private setMatrix

setMatrix(): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:642
设置变型矩阵

Returns void

Private setPen

setPen(): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:454
设置画笔

Returns void

Private setShadow

setShadow(): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:547
设置阴影

Returns void

Private setTextAlign

setTextAlign(value: STextAlign): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:580
文本对齐选项

Parameters
- value: STextAlign
  
  对齐方式
Returns void

Private setTextDirection

setTextDirection(value: STextDirection): void

- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:626
设置文本方向选项

Parameters
- value: STextDirection
  
  文本方向
Returns void

setTransform

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

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

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

textWidth

textWidth(text: string): number

Overrides SPaintEngine.textWidth
- Defined in persagy-web-draw/src/engines/SCanvasPaintEngine.ts:359
预测量文本宽度

Parameters
- text: string
  
  预测的文本
Returns number

文本长度像素

transform

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

Inherited from SSvgPaintEngine.transform
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:110
将当前的变形矩阵乘上一个基于自身参数的矩阵

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

translate

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

Inherited from SSvgPaintEngine.translate
- Defined in persagy-web-draw/src/engines/SPaintEngine.ts:77
平移变换

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