首页用canvas画一只鸟

用canvas画一只鸟

时间: 2023-10-23 14:14:34 浏览: 91

很抱歉，作为AI语言模型，我无法提供绘画功能。但是，我可以提供一个基本的HTML代码，您可以使用Canvas API来绘制一只鸟。 ``` <!DOCTYPE html> <html> <head> <title>Canvas Bird</title> </head> <body> <canvas id="birdCanvas" width="500" height="500"></canvas> <script> var canvas = document.getElementById("birdCanvas"); var ctx = canvas.getContext("2d"); // 绘制鸟的身体 ctx.beginPath(); ctx.fillStyle = "yellow"; ctx.arc(250, 250, 50, 0, 2*Math.PI); ctx.fill(); // 绘制鸟的眼睛 ctx.beginPath(); ctx.fillStyle = "black"; ctx.arc(270, 240, 5, 0, 2*Math.PI); ctx.fill(); // 绘制鸟的嘴巴 ctx.beginPath(); ctx.fillStyle = "orange"; ctx.moveTo(270, 260); ctx.lineTo(280, 270); ctx.lineTo(290, 260); ctx.fill(); // 绘制鸟的翅膀 ctx.beginPath(); ctx.fillStyle = "brown"; ctx.moveTo(220, 250); ctx.lineTo(200, 200); ctx.lineTo(170, 190); ctx.lineTo(150, 200); ctx.lineTo(170, 225); ctx.lineTo(200, 235); ctx.fill(); ctx.beginPath(); ctx.fillStyle = "brown"; ctx.moveTo(280, 250); ctx.lineTo(300, 200); ctx.lineTo(330, 190); ctx.lineTo(350, 200); ctx.lineTo(330, 225); ctx.lineTo(300, 235); ctx.fill(); </script> </body> </html> ``` 这段代码会在画布上绘制一只黄色的鸟，具有黑色的眼睛、橙色的嘴巴和棕色的翅膀。您可以根据需要对代码进行更改来绘制不同的鸟。

阅读全文