老师您好帮我看看效果吧

首页课程实战体系课手记专栏慕课教程

老师您好帮我看看效果吧

来源：4-10 编程练习

小虾虾小

2019-11-07 09:35:15

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>案例4-10</title>

<style>

canvas{background-color:lightblue;}

</style>

</head>

<body>

<canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>

<script>

var canvas=document.getElementById("canvas");

var context=canvas.getContext("2d");

//在此处编写代码

context.translate(300,300);

context.arc(0,0,100,0,Math.PI * 2,true);

context.fillStyle = 'pink';

context.fill();

context.beginPath();

for (var i = 0; i < 4; i++) {

context.rotate(Math.PI / 2);

context.moveTo(90,0);

context.lineTo(100,0);

context.stroke();

}

context.beginPath();

context.moveTo(0,0);

context.lineTo(80,0);

context.strokeStyle = 'blue';

context.stroke();

context.beginPath();

context.rotate(-(Math.PI / 18) * 17 );

context.moveTo(0,0);

context.lineTo(0,70);

context.stroke();

</script>

</body>

</html>

写回答

1回答

好帮手慕星星

好帮手慕星星

2019-11-07

已采纳

同学你好，

代码实现效果很棒哦！继续加油~

0

0 学习 · 6815 问题

相似问题

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

打开慕课网App查看更多内容