设置完天线之后，如何让后面不受到干扰
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas</title>
<style>
#canvas{background-color:lightblue;
border:1px solid red;}
</style>
</head>
<body>
<canvas id="canvas" width="800" height="800">
您的浏览器不支持canvas
</canvas>
<script>
var canvas=document.getElementById("canvas")
var ctx=canvas.getContext("2d")
// 左须
ctx.moveTo(200,50)
ctx.lineTo(300,150)
ctx.lineWidth=5
ctx.strokeStyle="yellow"
ctx.stroke()
// 右须
ctx.moveTo(500,50)
ctx.lineTo(400,150)
ctx.stroke()
ctx.beginPath()
// 大脸
ctx.strokeRect(200,150,300,200)
ctx.beginPath()
// 嘴
ctx.strokeRect(305,270,100,50)
ctx.beginPath()
// 左耳
ctx.strokeRect(180,230,20,40)
ctx.fillStyle="yellow"
ctx.fillRect(180,230,20,40)
ctx.beginPath()
// 右耳
ctx.strokeRect(500,230,20,40)
ctx.beginPath()
// 身体
ctx.strokeRect(270,350,160,140)
ctx.beginPath()
// 左臂
ctx.strokeRect(150,400,120,20)
ctx.beginPath()
// 右臂
ctx.strokeRect(430,400,120,20)
ctx.beginPath()
// 左腿
ctx.strokeRect(300,490,30,80)
ctx.beginPath()
// 右腿
ctx.strokeRect(350,490,30,80)
// 左眼睛
ctx.beginPath()
ctx.arc(280,200,10,0,2*Math.PI,true)
ctx.stroke()
// 有眼睛
ctx.beginPath()
ctx.arc(410,200,10,0,2*Math.PI,true)
ctx.stroke()
</script>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星