canvasrenderingcontext2d 概览 -凯发app官方网站

更新时间：2023-10-11 22:45:32

订阅更新

我的文档

设置

canvasrenderingcontext2d 绘图上下文。

属性

名称	类型	只读	功能说明
canvas	canvas	是	给定上下文关联的 canvas 对象的只读引用。
fillstyle	string \| canvaspattern \| canvasgradient	否	用于设置填充色的属性。
filter	string	否	用于设置模糊、灰度等过滤效果的属性。
font	string	否	用于设置字体的属性。
globalalpha	number	否	用于设置全局画笔透明度的属性。
globalcompositeoperation	string	否	用于设置合成操作的类型的属性。
imagesmoothingenabled	boolean	否	设置图片是否平滑的属性。
linecap	string	否	用于设置线条末端样式的属性。
linedashoffset	number	否	用于设置虚线偏移量的属性。
linejoin	string	否	用于设置线条交点样式的属性。
linewidth	number	否	用于设置线条宽度的属性。
miterlimit	number	否	用于设置最大斜接长度的属性。
shadowblur	number	否	用于设置阴影模糊程度的属性。
shadowcolor	string	否	用于设置阴影颜色的属性。
shadowoffsetx	number	否	用于设置阴影水平偏移距离的属性。
shadowoffsety	number	否	用于设置阴影垂直偏移距离的属性。
strokestyle	string \| canvaspattern \| canvasgradient	否	用于设置描边颜色的属性。
textalign	string	否	用于设置文本对齐方式的属性。
textbaseline	string	否	用于设置文本基线的属性，会影响文字的垂直对齐。

方法

名称	类型	功能说明
canvasrenderingcontext2d.arc	function	将一个圆弧添加到当前子路径。
canvasrenderingcontext2d.arcto	function	将一个由控制点与半径控制的弧线添加到当前子路径。
canvasrenderingcontext2d.beginpath	function	开始新的路径。
canvasrenderingcontext2d.beziercurveto	function	将一个三次贝塞尔曲线添加到当前子路径。
canvasrenderingcontext2d.clearrect	function	擦除画布上一块矩形区域，使区域变透明。
canvasrenderingcontext2d.clip	function	使用当前路径，或指定的 path2d 路径剪切画布。
canvasrenderingcontext2d.closepath	function	关闭当前子路径。
canvasrenderingcontext2d.createimagedata	function	创建一个指定尺寸的 imagedata 对象。
canvasrenderingcontext2d.createlineargradient	function	创建一个线性的渐变色。
canvasrenderingcontext2d.createpattern	function	将图像按指定方式重复以创建图案。
canvasrenderingcontext2d.createradialgradient	function	创建一个放射性的渐变色。
canvasrenderingcontext2d.createpath2d	function	创建 path2d 对象。
canvasrenderingcontext2d.drawimage	function	绘制图片到画布。
canvasrenderingcontext2d.ellipse	function	添加一个椭圆弧到当前子路径。
canvasrenderingcontext2d.fill	function	根据 fillstyle 填充路径。
canvasrenderingcontext2d.fillrect	function	绘制一个实心矩形。
canvasrenderingcontext2d.filltext	function	在画布上绘制实心的文本。
canvasrenderingcontext2d.getimagedata	function	获取画布指定矩形区域内的像素数据。
canvasrenderingcontext2d.getlinedash	function	获取当前虚线样式。
canvasrenderingcontext2d.gettransform	function	获取上下文当前的变换矩阵。
canvasrenderingcontext2d.ispointinpath	function	检测路径如果被填充，一个点是否在填充区域内。
canvasrenderingcontext2d.ispointinstroke	function	检测路径如果被描边，一个点是否在描边区域内。
canvasrenderingcontext2d.lineto	function	向当前子路径添加一条线段。
canvasrenderingcontext2d.measuretext	function	测量文本尺寸信息。
canvasrenderingcontext2d.moveto	function	指定新的子路径起始位置。
canvasrenderingcontext2d.putimagedata	function	将像素数据绘制到画布中。
canvasrenderingcontext2d.quadraticcurveto	function	将一个二次贝塞尔曲线添加到当前子路径。
canvasrenderingcontext2d.rect	function	添加一个矩形子路径至当前路径。
canvasrenderingcontext2d.resettransform	function	重置画布的变换矩阵为单位矩阵。
canvasrenderingcontext2d.restore	function	恢复之前保存的绘图上下文。
canvasrenderingcontext2d.rotate	function	旋转当前坐标轴。
canvasrenderingcontext2d.roundrect	function	添加一个圆角矩形子路径至当前路径。
canvasrenderingcontext2d.save	function	保存当前绘图上下文。
canvasrenderingcontext2d.scale	function	为画布添加缩放变换。
canvasrenderingcontext2d.setlinedash	function	设置描边的虚线样式。
canvasrenderingcontext2d.settransform	function	使用矩阵重新设置（覆盖）当前变换。
canvasrenderingcontext2d.stroke	function	为当前路径绘制描边。
canvasrenderingcontext2d.strokerect	function	绘制一个空心的，只有描边的矩形。
canvasrenderingcontext2d.stroketext	function	在画布上绘制空心的文本。
canvasrenderingcontext2d.transform	function	使用矩阵在当前变换基础之上叠加变换。
canvasrenderingcontext2d.translate	function	平移当前坐标系。

属性

方法

相关问题