首页请使用http和JavaScript写一个五角星带红色的

请使用http和JavaScript写一个五角星带红色的

时间: 2023-06-05 13:04:43 浏览: 79

很高兴为您服务！以下是使用 HTML 和 JavaScript 实现五角星带红色的代码： ``` <!DOCTYPE html> <html> <head> <title>五角星带红色</title> <meta charset="UTF-8"> <style> /* 调整画布大小 */ canvas { width: 200px; height: 200px; } </style> </head> <body> <canvas id="canvas"></canvas> <script> // 获取 canvas 元素 var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); // 设置要填充的颜色 ctx.fillStyle = 'red'; // 开始绘制五角星 ctx.beginPath(); // 从起点出发，按照逆时针方向连接五个点 ctx.moveTo(100, 0); ctx.lineTo(140, 90); ctx.lineTo(230, 90); ctx.lineTo(160, 145); ctx.lineTo(190, 230); ctx.lineTo(100, 180); ctx.lineTo(10, 230); ctx.lineTo(40, 145); ctx.lineTo(-30, 90); ctx.lineTo(60, 90); // 填充颜色 ctx.fill(); </script> </body> </html> ``` 以上代码可以在网页中运行，生成一个红色五角星。您可以将代码保存成 `.html` 文件，通过浏览器打开运行，或者直接在线编写运行。希望能解答您的问题，如果您还有其他问题，请随时提出。