阿里云首页 管理控制台

CanvasContext 概览

名称

描述

CanvasContext.addColorStop

创建一个圆形的渐变色。

CanvasContext.arc

画一条弧线。

CanvasContext.beginPath

开始创建一个路径,需调用 fillstroke 才会使用路径进行填充或描边。

CanvasContext.bezierCurveTo

创建三次方贝塞尔曲线路径。

CanvasContext.clearRect

清除画布上指定矩形区域的内容。

CanvasContext.clip

将当前创建的路径设置为剪切路径。

CanvasContext.closePath

闭合一个路径。

CanvasContext.createCircularGradient

创建一个圆形渐变。起点在圆心,终点在圆环。

CanvasContext.createLinearGradient

创建一个线性渐变。

CanvasContext.draw

将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中。

CanvasContext.drawImage

绘制图像,图像保持原始尺寸。

CanvasContext.fill

对当前路径中的内容进行填充。

CanvasContext.fillRect

填充矩形。

CanvasContext.fillText

在画布上绘制被填充的文本。

CanvasContext.getImageData

获取 canvas 区域隐含的像素数据。

CanvasContext.lineTo

新增一个点,然后创建一条从上一个指定点到目标点的线。

CanvasContext.measureText

测量文本尺寸信息,目前仅返回文本宽度。同步接口。

CanvasContext.moveTo

把路径移动到画布的指定点,不创建线条。

CanvasContext.quadraticCurveTo

创建二次贝塞尔曲线路径。

CanvasContext-rect

创建矩形

CanvasContext-restore

恢复之前保存的绘图上下文。

CanvasContext-rotate

以原点为中心,原点可以用 CanvasContext.translate 方法修改。顺时针旋转当前坐标轴。多次调用 rotate 旋转的角度会叠加。

CanvasContext-save

保存当前的绘图上下文。

CanvasContext-scale

调用 scale 方法后创建的路径的横纵坐标会被缩放。

多次调用 scale,倍数会相乘。

CanvasContext-setFillStyle

设置填充色。

CanvasContext-setFontSize

设置字体大小。

CanvasContext-setGlobalAlpha

设置全局透明度。

CanvasContext-setLineCap

设置线条的端点样式。

CanvasContext-setLineDash

设置虚线的样式。

CanvasContext-setLineJoin

设置线条的交点样式。

CanvasContext-setLineWidth

设置线条的宽度。

CanvasContext-setMiterLimit

设置最大斜接长度。

CanvasContext.setShadow

设置阴影样式。

CanvasContext.setStrokeStyle

设置描边样式。

CanvasContext.setTextAlign

设置文本对齐方式。

CanvasContext.setTextBaseline

设置文本基线。

CanvasContext.setTransform

使用单位矩阵重新设置(覆盖)当前的变换并调用变换的方法,此变换由方法的变量进行描述。

CanvasContext.stroke

描边当前路径。默认 black

CanvasContext.strokeRect

描边矩形。

CanvasContext.toDataURL

获取画布指定区域的 data URL 数据。

CanvasContext.toTempFilePath

把当前画布的内容导出生成图片,并返回文件路径。

CanvasContext.transform

使用矩阵多次叠加当前变换的方法,矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文。

CanvasContext.translate

平移当前坐标系的原点,默认的坐标系原点为页面左上角。