使用canvas画布绘制标准五星红旗图案

好的，以下是绘制标准五星红旗图案的代码：

// 获取画布元素
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// 设置红色背景
ctx.fillStyle = "#DE2910";
ctx.fillRect(0, 0, canvas.width, canvas.height);

// 绘制大五角星
ctx.beginPath();
ctx.moveTo(320, 100);
ctx.lineTo(400, 300);
ctx.lineTo(240, 180);
ctx.lineTo(400, 180);
ctx.lineTo(240, 300);
ctx.closePath();
ctx.fillStyle = "#FFDE00";
ctx.fill();

// 绘制四个小五角星
ctx.beginPath();
ctx.moveTo(410, 80);
ctx.lineTo(450, 120);
ctx.lineTo(420, 130);
ctx.lineTo(410, 170);
ctx.lineTo(400, 130);
ctx.closePath();
ctx.fillStyle = "#FFDE00";
ctx.fill();

ctx.beginPath();
ctx.moveTo(380, 150);
ctx.lineTo(420, 150);
ctx.lineTo(430, 190);
ctx.lineTo(390, 190);
ctx.closePath();
ctx.fillStyle = "#FFDE00";
ctx.fill();

ctx.beginPath();
ctx.moveTo(380, 210);
ctx.lineTo(420, 210);
ctx.lineTo(430, 250);
ctx.lineTo(390, 250);
ctx.closePath();
ctx.fillStyle = "#FFDE00";
ctx.fill();

ctx.beginPath();
ctx.moveTo(410, 270);
ctx.lineTo(450, 270);
ctx.lineTo(420, 310);
ctx.lineTo(410, 270);
ctx.lineTo(400, 310);
ctx.closePath();
ctx.fillStyle = "#FFDE00";
ctx.fill();

你可以将上述代码放到 HTML 文件中的 script 标签中，然后再在 body 中添加一个 canvas 标签，就可以看到绘制出来的五星红旗了。