鸿蒙JavaScript开发初体验(5)在画布中绘制线段与弧线

• 作者: 程晨
• 来源期刊: 无线电
• 年，卷（期）: 2021,（12）
• 所属期刊栏目: 入门
• 页码范围: 58-61
• 页数: 4页
• 语种: 中文

摘要

上一期,我们介绍了如何在画布中绘制方块和方框.这一翔,我们介绍一下如何在画布中绘制线段与弧线,并绘制围棋棋盘. 绘制线段可以使用lineTo方法,不过只用lineTo方法是完成不了任务的.我们先来看看程序1所示的例子. 这个例子是在画布上绘制一个红色的叉,显示效果如图1所示. 我们结合显示效果和程序1来说明一下这是如何实现的.用strokeStyle方法设置颜色这个我们之前是用过的,这里就不介绍了,设置颜色后的beginPath方法可以理解为是用来初始化这种路径形式绘图方式的,然后通过moveTo方法将画笔移动到线段的起始点,接着通过lineTo方法从起始点绘制一条线段到lineTo方法的参数截止点.本例中我们绘制了两条线段,并通过stroke方法将绘制的线段显示了出来.beginPath方法后的操作有点像我们在草稿上画图,内容对大家是不可见的,而stroke方法像我们把草稿拿出来给大家看.