Class SSvgPaintEngine

Canvas绘制引擎基类

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

Hierarchy

SPaintEngine
- SSvgPaintEngine

Index

Constructors

constructor

Properties

Accessors

state
type

Methods

Constructors

constructor

new SSvgPaintEngine(w: number, h: number): SSvgPaintEngine

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

Parameters
- w: number
  
  宽度
- h: number
  
  高度
Returns SSvgPaintEngine

Properties

Private _builder

_builder: SStringBuilder = new SStringBuilder()

height

height: number = 0

高度

version

version: string = "1.1"

svg版本号（1.1)

width

width: number = 0

宽度

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/SSvgPaintEngine.ts:60
绘制引擎类型

Returns SPaintEngineType

返回SVG绘制引擎类型

Methods

changeFont

changeFont(font: SFont): void

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

Parameters
- font: SFont
  
  字体
Returns void

clearRect

clearRect(rect: SRect): void

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

Parameters
- rect: SRect
  
  矩形
Returns void

drawCircle

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

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

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/SSvgPaintEngine.ts:155
绘制椭圆

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/SSvgPaintEngine.ts:246
绘制图片

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/SSvgPaintEngine.ts:170
绘制线段

Parameters
- line: SLine
  
  线段
Returns void

drawPath

drawPath(path: SPath): void

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

Parameters
- path: SPath
  
  路径
Returns void

drawPolygon

drawPolygon(points: SPoint[]): void

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

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

drawPolyline

drawPolyline(points: SPoint[]): void

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

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

drawRect

drawRect(rect: SRect): void

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

Parameters
- rect: SRect
  
  矩形
Returns void

drawRoundRect

drawRoundRect(): void

Overrides SPaintEngine.drawRoundRect
- Defined in persagy-web-draw/src/engines/SSvgPaintEngine.ts:344
绘制圆角矩形

Returns void

drawText

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

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

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

Private getStyle

getStyle(brush?: boolean, pen?: boolean, font?: boolean): string

- Defined in persagy-web-draw/src/engines/SSvgPaintEngine.ts:298
获得风格

Parameters
- Default value brush: boolean = false
- Default value pen: boolean = false
- Default value font: boolean = false
Returns string

Private getSvgMatrix

getSvgMatrix(): string

- Defined in persagy-web-draw/src/engines/SSvgPaintEngine.ts:278
获得svg需要的变形信息

Returns string

变换信息

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

setClip

setClip(path: Path2D): void

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

Parameters
- path: Path2D
  
  裁剪路径
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/SSvgPaintEngine.ts:262
预测量文本宽度

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

文本长度像素

toSvg

toSvg(): string

- Defined in persagy-web-draw/src/engines/SSvgPaintEngine.ts:95
转svg图像

Returns string

svg图像

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

Static Private pointsToStr

pointsToStr(points: SPoint[]): string

- Defined in persagy-web-draw/src/engines/SSvgPaintEngine.ts:289
将点列表转换为字符串表达形式

Parameters
- points: SPoint[]
  
  被转换的点
Returns string

点列表字符串