HTML画布（Canvas）是一个用于绘制图形、动画效果和其他视觉处理的元素。我们可以使用HTML画布绘制出各种形状，包括水果。下面我将展示一些用HTML画布绘制水果的代码。

// 绘制苹果
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
ctx.fillStyle="red";
ctx.fill();
ctx.lineWidth = 3;
ctx.strokeStyle = '#663300';
ctx.stroke();
// 绘制香蕉
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,150);
ctx.quadraticCurveTo(70,130,120,150);
ctx.quadraticCurveTo(70,170,20,150);
ctx.fillStyle="#ffcc33";
ctx.fill();
ctx.lineWidth = 3;
ctx.strokeStyle = "#996600";
ctx.stroke();
// 绘制橘子
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(170,170,60,0.3*Math.PI,1.8*Math.PI,false);
ctx.lineTo(170,170);
ctx.fillStyle="#ffa500";
ctx.fill();
ctx.lineWidth = 3;
ctx.strokeStyle = "#996600";
ctx.stroke();
// 绘制葡萄
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(280,125,30,0,2*Math.PI);
ctx.fillStyle="#800080";
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.arc(245,125,30,0,2*Math.PI);
ctx.fillStyle="#800080";
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.arc(265,95,30,0,2*Math.PI);
ctx.fillStyle="#800080";
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.arc(295,93,30,0,2*Math.PI);
ctx.fillStyle="#800080";
ctx.fill();
ctx.stroke();

以上就是HTML画布绘制水果代码的例子。我们可以通过HTML画布实现各种形状和绘制效果，可以在网页上展示出具有视觉吸引力的图形。如果你对HTML画布感兴趣，那么就可以去学习更多关于HTML画布的内容。