Options
All
  • Public
  • Public/Protected
  • All
Menu

Class SPainter

Painter

author

庞利祥(sybotan@126.com)

Hierarchy

  • SObject
    • SPainter

Index

Constructors

constructor

Properties

Private Readonly engine

engine: SPaintEngine

绘制引擎

id

id: string

name

name: string

Accessors

brush

  • 画刷

    Returns SBrush

  • 画刷

    Parameters

    Returns void

composite

  • get composite(): number
  • set composite(value: number): void
  • 融合属性

    Returns number

  • 融合属性

    Parameters

    • value: number

    Returns void

font

  • 字体属性

    Returns SFont

  • 字体属性

    Parameters

    Returns void

pen

  • get pen(): SPen
  • set pen(value: SPen): void
  • 画笔

    Returns SPen

  • 画笔

    Parameters

    Returns void

shadow

  • 阴影设置

    Returns SShadow

  • 阴影设置

    Parameters

    Returns void

worldTransform

  • get worldTransform(): SMatrix
  • 变换矩阵

    Returns SMatrix

Methods

$emit

  • $emit(name: string, ...args: any): void
  • 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
  • 清空矩形区域

    Parameters

    Returns void

  • 清空矩形区域

    Parameters

    • leftTop: SPoint

      左上角坐标

    • rightBottom: SPoint

      右下角坐标

    Returns void

  • 清空矩形区域

    Parameters

    Returns void

  • 清空矩形区域

    Parameters

    • x: number

      X坐标 | 左上角坐标 | 矩形

    • y: number

      Y坐标 | 右下角坐标 | 大小

    • w: number

      宽度

    • h: number

      高度

    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

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
  • 绘制带箭头的线段

    Parameters

    • line: SLine

      线段

    • Optional style: SArrow

      末端样式

    Returns void

  • 绘制带箭头的线段

    Parameters

    Returns void

  • 绘制带箭头的线段

    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
  • 私有计算方法-绘制线段末端标准箭头

    Parameters

    • line: SLine

      要加末端样式的线段

    • Default value isEnd: boolean = true

      是否为结束位置

    Returns void

drawCircle

  • drawCircle(cx: number, cy: number, r: number): void
  • 绘制圆形

    Parameters

    • cx: number

      圆心X坐标

    • cy: number

      圆心X坐标

    • r: number

      圆半径

    Returns void

Private drawCircleArrow

  • drawCircleArrow(line: SLine, isEnd?: boolean): void
  • 私有计算方法-绘制线段末端圆形箭头

    Parameters

    • line: SLine

      要加末端样式的线段

    • Default value isEnd: boolean = true

      是否为结束位置

    Returns void

Private drawDiamondArrow

  • drawDiamondArrow(line: SLine, isEnd?: boolean): void
  • 私有计算方法-绘制线段末端菱形箭头

    Parameters

    • line: SLine

      要加末端样式的线段

    • Default value isEnd: boolean = true

      是否为结束位置

    Returns void

drawEllipse

  • drawEllipse(cx: number, cy: number, rx: number, ry: number): void
  • 绘制椭圆

    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
  • 绘制图片

    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
  • 绘制一条线段

    Parameters

    Returns void

  • 绘制一条线段

    Parameters

    Returns void

  • 绘制一条线段

    Parameters

    • x1: number

      启点X坐标 | 起点1坐标 | 线段 |

    • y1: number

      启点Y坐标 | 终点坐标

    • x2: number

      终点X坐标

    • y2: number

      终点Y坐标

    Returns void

drawPath

  • drawPath(path: SPath): void
  • 绘制路径

    Parameters

    Returns void

drawPolygon

  • drawPolygon(points: SPoint[]): void
  • 绘制多边形

    Parameters

    • points: SPoint[]

      多边形顶点

    Returns void

drawPolyline

  • drawPolyline(points: SPoint[]): void
  • 绘制折线

    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
  • 绘制矩形

    Parameters

    Returns void

  • 绘制矩形

    Parameters

    • leftTop: SPoint

      左上角坐标

    • rightBottom: SPoint

      右下角坐标

    Returns void

  • 绘制矩形

    Parameters

    Returns void

  • 绘制矩形

    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
  • 绘制带导角矩形

    Parameters

    • rect: SRect

      矩形

    • r: number

      导角半径

    Returns void

  • 绘制带导角矩形

    Parameters

    • pos: SPoint

      左上角位置

    • size: SSize

      大小

    • r: number

      导角半径

    Returns void

  • 绘制带导角矩形

    Parameters

    • x: number

      X坐标

    • y: number

      Y坐标

    • w: number

      宽度

    • h: number

      高度

    • r: number

      导角半径

    Returns void

Private drawSquareArrow

  • drawSquareArrow(line: SLine, isEnd?: boolean): void
  • 私有计算方法-绘制线段末端方形箭头

    Parameters

    • line: SLine

      要加末端样式的线段

    • Default value isEnd: boolean = true

      是否为结束位置

    Returns void

drawText

  • drawText(text: string, x: number, y: number, maxWidth?: undefined | number): void
  • 绘制文本

    Parameters

    • text: string

      文本内容

    • x: number

      X坐标

    • y: number

      Y坐标

    • Optional maxWidth: undefined | number

      最大宽度

    Returns void

Private drawTriangleArrow

  • drawTriangleArrow(line: SLine, isEnd?: boolean): void
  • 私有计算方法-绘制线段末端三角形箭头

    Parameters

    • line: SLine

      要加末端样式的线段

    • Default value isEnd: boolean = true

      是否为结束位置

    Returns void

resetTransform

  • resetTransform(): void
  • 重置当前变形为单位矩阵。等价于调用setTransform(1, 0, 0, 1, 0, 0)

    Returns void

restore

  • restore(): void
  • 恢复painter状态

    Returns void

rotate

  • rotate(angle: number): void
  • 旋转

    Parameters

    • angle: number

      旋转角度(单位弧度)

    Returns void

save

  • save(): void
  • 保存painter状态

    Returns void

scale

  • scale(x: number, y: number): void
  • 缩放

    Parameters

    • x: number

      X轴方向缩放

    • y: number

      Y辆方向缩放

    Returns void

setClip

  • setClip(path: Path2D): void
  • 设置裁剪路径

    Parameters

    • path: Path2D

      裁剪路径

    Returns void

setTransform

  • setTransform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void
  • 将当前的变形矩阵重置为单位矩阵,再将当前的变形矩阵乘上一个基于自身参数的矩阵

    Parameters

    • m11: number

      水平方向的缩放

    • m12: number

      水平方向的倾斜偏移

    • m21: number

      竖直方向的倾斜偏移

    • m22: number

      竖直方向的缩放

    • dx: number

      水平方向的移动

    • dy: number

      竖直方向的移动

    Returns void

textWidth

  • textWidth(text: string): number
  • 预测量文本宽度

    Parameters

    • text: string

      文本字符

    Returns number

    文本所占长度像素

toPx

  • toPx(p: number): number
  • painter转实现view象素

    Parameters

    • p: number

      绘制坐标

    Returns number

transform

  • transform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void
  • 将当前的变形矩阵乘上一个基于自身参数的矩阵

    Parameters

    • m11: number

      水平方向的缩放

    • m12: number

      水平方向的倾斜偏移

    • m21: number

      竖直方向的倾斜偏移

    • m22: number

      竖直方向的缩放

    • dx: number

      水平方向的移动

    • dy: number

      竖直方向的移动

    Returns void

translate

  • translate(x: number, y: number): void
  • 平移变换

    Parameters

    • x: number

      X轴方向平移

    • y: number

      Y辆方向平移

    Returns void