全局画笔透明度。范围0-1,0表示完全透明,1表示完全不透明。
在绘制新形状时应用的合成操作的类型。目前安卓版本只适用于fill填充块的合成,用于stroke线段的合成效果都是source-over。
目前支持的操作有
方法
平台差异说明
画一条弧线。创建一个圆可以用arc()方法指定起始弧度为0,终止弧度为2*Math.PI。用stroke()或者fill()方法来在canvas中画弧线。
参数
示例代码
针对arc(100,75,50,0,1.5*Math.PI)的三个关键坐标如下:
根据控制点和半径绘制圆弧路径。
CanvasContext.arcTo(x1,y1,x2,y2,radius)参数
开始创建一个路径,需要调用fill或者stroke才会使用路径进行填充或描边。
Tip:在最开始的时候相当于调用了一次beginPath()。Tip:同一个路径内的多次setFillStyle()、setStrokeStyle()、setLineWidth()等设置,以最后一次设置为准。
创建三次方贝塞尔曲线路径。
Tip:曲线的起始点为路径中前一个点。
针对moveTo(20,20)bezierCurveTo(20,100,200,100,200,20)的三个关键坐标如下:
清除画布上在该矩形区域内的内容。
clearRect并非画一个白色的矩形在地址区域,而是清空,为了有直观感受,对canvas加了一层背景色。
Tip:用setFillStroke()设置矩形线条的颜色,如果没设置默认是黑色。
关闭一个路径。
Tip:关闭路径会连接起点和终点。Tip:如果关闭路径后没有调用fill()或者stroke()并开启了新的路径,那之前的路径将不会被渲染。
对指定的图像创建模式的方法,可在指定的方向上重复元图像
绘制图像到画布。
有三个版本的写法:
对当前路径中的内容进行填充。默认的填充色为黑色。
Tip:如果当前路径没有闭合,fill()方法会将起点和终点进行连接,然后填充,详情见例一。
Tip:fill()填充的的路径是从beginPath()开始计算,但是不会将fillRect()包含进去,详情见例二。
填充一个矩形。
Tip:用setFillStyle()设置矩形的填充色,如果没设置默认是黑色。
在画布上绘制被填充的文本。
Tip:用stroke()方法来画线条
该方法在HarmonyOSNext设备上是异步,需要传入回调函数获取文本尺寸信息。
测量文本尺寸信息,目前仅返回文本宽度。同步接口。(App端2.8.12+支持)
返回
返回TextMetrics对象,结构如下:
创建二次贝塞尔曲线路径。曲线的起始点为路径中前一个点。
针对moveTo(20,20)quadraticCurveTo(20,100,200,20)的三个关键坐标如下:
创建一个矩形。
Tip:用fill()或者stroke()方法将矩形真正的画到canvas中。
恢复之前保存的绘图上下文。
以原点为中心,原点可以用translate方法修改。顺时针旋转当前坐标轴。多次调用rotate,旋转的角度会叠加。
保存当前的绘图上下文。
设置填充色,如果没有设置fillStyle,默认颜色为black。
语法
canvasContext.setFillStyle(color)canvasContext.fillStyle=color参数
设置字体的字号。
设置全局画笔透明度。
设置线条的端点样式。
设置线条宽度。
设置线条的交点样式。
设置线条的宽度。
设置最大斜接长度,斜接长度指的是在两条线交汇处内角和外角之间的距离。当setLineJoin()为miter时才有效。超过最大倾斜长度的,连接处将以lineJoin为bevel来显示。
设置阴影样式。如果没有设置,offsetX默认值为0,offsetY默认值为0,blur默认值为0,color默认值为black。
设置边框颜色。如果没有设置fillStyle,默认颜色为black。
用于设置文字的对齐
用于设置文字的水平对齐
使用矩阵重新设置(覆盖)当前变换的方法
canvasContext.setTransform(scaleX,skewX,skewY,scaleY,translateX,translateY)参数
画出当前路径的边框。默认颜色为黑色。
Tip:stroke()描绘的的路径是从beginPath()开始计算,但是不会将strokeRect()包含进去,详情见例二。
画一个矩形(非填充)。用setFillStroke()设置边框颜色,如果没设置默认是黑色。
给定的(x,y)位置绘制文本描边的方法
canvasContext.strokeText(text,x,y,maxWidth)参数
使用矩阵多次叠加当前变换的方法。
对当前坐标系的原点(0,0)进行变换,默认的坐标系原点为页面左上角。