鸿蒙JavaScript开发初体验(4)在画布中绘制方块和方框

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

摘要

这次我们介绍一个特殊的元素——canvas(画布),通过这个元素可以实现在手机或平板电脑的屏幕上绘制指定的图形. 使用canvas元素要先在页面中添加标记<canvas>,如下所示. <canvas class="canvas"id="canvasl"> </canvas> 这里除了为这个元素设定了一个类的属性,还设置了一个id(之后在.js文件中需要通过id来寻找元素). 依然沿用之前的项目工程,我们将这两行代码添加到newPage.hml文件中,添加了canvas的文件内容如程序1所示.