椭圆 通过前面的文章，我们已经可以绘制大部分图形以及文字。但是，在canvas中，椭圆是一个复杂的存在，本身我们上学时学习椭圆本身也是一个复杂的结构。我看了很多画椭圆的方案，大部分分为两类： 第一类是 使用arc()画一个圆形，然后将其缩放变形，完成一个椭圆。 第二类是 使用贝塞尔曲线，即使用多条贝塞尔曲线混合拼接为一个椭圆。 经过我的实际测试，采用我认为比较简单并且显示效果比较好的方式，使用贝塞尔曲线的方式绘制椭圆。 刚才说过，贝塞尔的方式是使用多条曲线拼接，一个椭圆可以是两条曲线、三条曲线，或四条甚至更多曲线拼…

基本概念 在canvas中，为我们提供了一个非常方便的添加文字的方法，直接上 w3school 的文档说明： context.fillText(text,x,y,maxWidth); // text: 规定在画布上输出的文本。 // x: 开始绘制文本的 x 坐标位置（相对于画布）。 // y: 开始绘制文本的 y 坐标位置（相对于画布）。 // maxWidth: 可选。允许的最大文本宽度，以像素计。 官方也给我们提供了一个简单的说明： 使用 fillText()，在画布上写文本 "Hello worl…