canvas画哆啦A梦代码

以下是一个简单的使用 Canvas 绘制哆啦A梦的代码示例：

HTML：

<canvas id="doraemon" width="400" height="400"></canvas>

JavaScript：

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

// 绘制头部
ctx.beginPath();
ctx.arc(200, 200, 150, 0, Math.PI * 2, true);
ctx.fillStyle = "#00A1E9";
ctx.fill();
ctx.closePath();

// 绘制脸部
ctx.beginPath();
ctx.arc(200, 200, 130, 0, Math.PI * 2, true);
ctx.fillStyle = "#FFFFFF";
ctx.fill();
ctx.closePath();

// 绘制眼睛
ctx.beginPath();
ctx.arc(150, 170, 30, 0, Math.PI * 2, true);
ctx.arc(250, 170, 30, 0, Math.PI * 2, true);
ctx.fillStyle = "#000000";
ctx.fill();
ctx.closePath();

// 绘制眼珠
ctx.beginPath();
ctx.arc(140, 170, 10, 0, Math.PI * 2, true);
ctx.arc(240, 170, 10, 0, Math.PI * 2, true);
ctx.fillStyle = "#FFFFFF";
ctx.fill();
ctx.closePath();

// 绘制鼻子
ctx.beginPath();
ctx.arc(200, 220, 20, 0, Math.PI * 2, true);
ctx.fillStyle = "#FF4B4B";
ctx.fill();
ctx.closePath();

// 绘制嘴巴
ctx.beginPath();
ctx.moveTo(150, 250);
ctx.quadraticCurveTo(200, 290, 250, 250);
ctx.strokeStyle = "#000000";
ctx.lineWidth = 10;
ctx.stroke();
ctx.closePath();

// 绘制胸口
ctx.beginPath();
ctx.arc(200, 350, 100, 0, Math.PI * 2, true);
ctx.fillStyle = "#FF4B4B";
ctx.fill();
ctx.closePath();

// 绘制铃铛
ctx.beginPath();
ctx.arc(200, 350, 40, 0, Math.PI * 2, true);
ctx.fillStyle = "#FFD700";
ctx.fill();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(200, 390);
ctx.lineTo(200, 430);
ctx.strokeStyle = "#FFD700";
ctx.lineWidth = 10;
ctx.stroke();
ctx.closePath();

这段代码将在 canvas 上绘制一个哆啦A梦的头像。你可以根据需要进行修改和优化。