beginPath()

开始一个路径。路径可以由单个或多个形状组成,可以用fill进行路径填充等。

closePath()

结束一个路径。

moveTo(x, y)

移动到一个位置。想象一下现实中的绘图,先要把画笔移动到要开始绘制的点,再开始绘制。这个开始的点,不妨称之为当前位置。

lineTo(x, y)

从当前位置到目标坐标画一条直线。

rect(x, y, width, height)

绘制一个矩形。

arc(x, y, r, start, end)

绘制一个圆弧,r为半径,start、end为开始和结束角度(整个圆为360度)。

fillText(text, x, y)

输出text文本。

fill()

对当前路径进行填充。

stroke()

对当前路径进行描边。

fillStyle

填充样式,如”#999″,”rgba(128, 128, 128, 0.5)”。

strokeStyle

描边样式,与填充样式类似。

lineWidth

指定线条的宽度。

font

字体。如:”36px Arial”。

textAlign

左右对齐方式,可选值为”left”, “center”, “right”。当选定居中时,指定的输出文字坐标将对应文字的横向中心位置。

textBaseline

文本基线,影响输出文本时的纵向定位。比如使用”middle”值时,指定的坐标点将对应文本的中部。基线是字体及文字输出常用的一个概念,它的其它一些可选值及其含义请参考维基条目基线。

稳定

产品高可用性高并发

贴心

项目群及时沟通

专业

产品经理1v1支持

快速

MVP模式小步快跑

承诺

我们选择声誉

坚持

10年专注高端品质开发
  • 返回顶部