canvas是HTML5新增的元素，通过javascript脚本来完成图形的绘制。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。
//获取画布 const canvas=document.querySelector(‘#canvas‘); //定义画笔 const ctx=canvas.getContext(‘2d‘); //设置画笔的颜色 ctx.fillStyle=‘red‘; //开启一次绘制路径 ctx.beginPath(); //设置起始坐标 ctx.moveTo(x,y); //定义绘制图形的形状 ctx.arc(x,y,r,开始弧度,结束弧度,方向);//定义圆弧 //渲染路径 ctx.fill()
原文：https://www.cnblogs.com/rickyctbu/p/13768800.html