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轴平移