4、深入探索Canvas绘图：从基础形状到图像融合

深入探索Canvas绘图：从基础形状到图像融合

重叠形状创建新形状

在Canvas绘图中，我们可以通过组合已创建的形状来生成各种复杂的图形。以土耳其国旗中的新月形状为例，这是一种在众多国旗中常见但创建方法独特的形状。我们将利用上一个示例的代码作为起点，进一步探索如何通过形状重叠来创建新形状。

操作步骤 ：
1. 获取画布上下文并保存画布的宽度和高度：

var canvas = document.getElementById("turkey");
var wid = canvas.width;
var hei = canvas.height;
var context = canvas.getContext("2d");

2. 填充矩形画布区域：

context.fillStyle = "#E30A17";
context.fillRect(0,0,wid,hei);

3. 创建一个完整的白色圆形：

context.fillStyle = "#ffffff";
context.beginPath();
context.arc(wid / 2 - 23, hei / 2, 23, 0, 2 * Math.PI, false);
cont