HTML是一种标记语言,可以用来创造网站的元素和布局。今天,我们将通过HTML代码来绘制一朵美丽的樱花!
<!DOCTYPE html> <html> <head> <title>画樱花</title> </head> <body> <canvas id="myCanvas"></canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.beginPath(); //开始路径 ctx.arc(150,100,50,0,2*Math.PI); //绘制圆形花瓣 ctx.fillStyle = "#FCE5CD"; //填充颜色 ctx.fill(); //填充路径 ctx.beginPath(); ctx.arc(170,120,50,0,2*Math.PI); ctx.fillStyle = "#F8C0C8"; ctx.fill(); ctx.beginPath(); ctx.arc(130,120,50,0,2*Math.PI); ctx.fillStyle = "#F8C0C8"; ctx.fill(); ctx.beginPath(); ctx.arc(125,90,50,0,2*Math.PI); ctx.fillStyle = "#F8C0C8"; ctx.fill(); ctx.beginPath(); ctx.arc(175,90,50,0,2*Math.PI); ctx.fillStyle = "#F8C0C8"; ctx.fill(); ctx.beginPath(); ctx.arc(150,70,50,0,2*Math.PI); ctx.fillStyle = "#F8C0C8"; ctx.fill(); ctx.beginPath(); ctx.arc(140,105,30,0,2*Math.PI); ctx.fillStyle = "#D46A6A"; ctx.fill(); ctx.beginPath(); ctx.arc(160,105,30,0,2*Math.PI); ctx.fillStyle = "#D46A6A"; ctx.fill(); ctx.beginPath(); ctx.arc(140,95,15,0,2*Math.PI); ctx.fillStyle = "#F15F79"; ctx.fill(); ctx.beginPath(); ctx.arc(160,95,15,0,2*Math.PI); ctx.fillStyle = "#F15F79"; ctx.fill(); </script> </body> </html>
首先,我们使用````
美丽的樱花几乎就要在我们眼前绽放了!在实际网站中,我们可以使用CSS样式来进行设计和排版。