Painter()

Painter

new Painter()

Methods

drawArc(rect, angle, endAngle)

绘制弧

Parameters:
Name Type Description
rect Array.<number>

矩形范围

angle number

开始角

endAngle number

角跨度

drawCanvas(x, y, value)

Parameters:
Name Type Description
x number

X轴坐标

y number

Y轴坐标

value HTMLCanvasElement

canvas

drawLine(p1, p2)

绘制线段

Parameters:
Name Type Description
p1 Array.<number>

开始点位置

p2 Array.<number>

结束点位置

drawLines(lines)

绘制折线

Parameters:
Name Type Description
lines Array.<Array.<number>>

折线路径

drawPath(path)

绘制路径

Parameters:
Name Type Description
path PainterPath

路径

drawPixmap(x, y, pixmap)

绘制图片

Parameters:
Name Type Description
x number

X轴坐标

y number

Y轴坐标

pixmap Pixmap

图片对象

drawPoint(x, y)

绘制点

Parameters:
Name Type Description
x number

X轴坐标

y number

Y轴坐标

drawPoints(points)

绘制多点

Parameters:
Name Type Description
points Array.<Array.<number>>

点列表

drawPolygon(polygon)

绘制多边形

Parameters:
Name Type Description
polygon Array.<Array.<number>>

多边形路径

drawPolyline(polyLines)

绘制多段线

Parameters:
Name Type Description
polyLines Array.<Array.<number>>

多段线路径

drawRect(rect)

绘制矩形

Parameters:
Name Type Description
rect Array.<number>

矩形范围

drawRects(rects)

绘制多矩形

Parameters:
Name Type Description
rects Array.<Array.<number>>

矩形列表

drawText(x, y, text)

绘制文字

Parameters:
Name Type Description
x number

X轴坐标

y number

Y轴坐标

text string

文字

drawTextFlag(x, y, w, h, text, alignmentFlag, textDirection)

绘制文字

Parameters:
Name Type Description
x number

矩形X轴坐标

y number

矩形Y轴坐标

w number

矩形宽

h number

矩形高

text string

要绘制的文字

alignmentFlag number

控件、文本或布局中元素的对齐方式。它定义了水平方向和垂直方向上的对齐选项 1:将内容左对齐。通常用于从左到右的布局中 2:将内容右对齐。通常用于从右到左的布局中 3:将内容水平居中对齐 8:使文本在可用宽度内对齐,使每一行的左右两端都对齐(文本两端对齐)。通常用于段落排版 0x20:将内容顶部对齐 0x40:将内容底部对齐 0x80:将内容垂直居中对齐 0x100:将内容基线对齐。一般用于在包含不同大小字体的文本时,使文本的基线对齐 注:值可以综合对齐,可以通过按位或运算符 (|) 将水平和垂直对齐方式组合在一起,例如: 1|2 表示内容左对齐且靠顶部。 3 | 0x80 表示内容水平和垂直方向均居中。

textDirection number

设置或指定文本的书写方向 0:从左到右的书写方向 1:从右到左的书写方向

drawTextOption(x, y, w, h, text, wrapMode, alignmentFlag, textDirection)

绘制文字

Parameters:
Name Type Default Description
x number

矩形X轴坐标

y number

矩形Y轴坐标

w number

矩形宽

h number

矩形高

text string

要绘制的文字

wrapMode number 0

换行模式 0:文本不换行。当一行超出可用空间时,它将继续向外扩展,而不会自动换行 1:按单词进行换行。即在单词之间进行换行,确保单词不会被拆分 2:只在手动插入的换行符(如 \n 或 \r\n)处换行。不会自动换行 3:在任何字符之间都可以进行换行,不仅限于单词之间。这在处理没有明显单词边界的字符序列(如长的URL)时特别有用 4:首选在单词之间换行,但如果没有合适的单词边界(如单词太长或没有空格),则在字符之间换行。这是一种折中方式,确保长单词或字符序列仍然可以被正确显示

alignmentFlag number 1

参考drawTextFlag的flags

textDirection number 0

设置或指定文本的书写方向 0:从左到右的书写方向 1:从右到左的书写方向

getOpacity() → {number}

设置透明度

Returns:
number -

透明度

restore()

恢复

rotate(angle)

旋转

Parameters:
Name Type Description
angle number

角度

save()

保存

scale(sx, sy)

缩放

Parameters:
Name Type Description
sx number

X轴缩放

sy number

Y轴缩放

setBrush(brush)

设置画刷

Parameters:
Name Type Description
brush Brush

画刷

setFont(font)

设置字体

Parameters:
Name Type Description
font Font

字体对象

setOpacity(opacity)

设置透明度

Parameters:
Name Type Description
opacity number

透明度

setPen(pen)

设置画笔

Parameters:
Name Type Description
pen Pen

画笔对象

setRenderHit(type)

设置平滑

Parameters:
Name Type Description
type number

平滑值

translate(x, y)

平移

Parameters:
Name Type Description
x number

X轴平移

y number

X轴平移