老师看下效果,有没有需要改进的地方

来源:3-5 编程练习

菜鸟00001

2019-04-12 16:24:03

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document三角形</title>

    <style type="text/css">

     .myCanvas{background-color:lightpink;}

    </style>

</head>

<body>

<canvas id="myCanvas" class="myCanvas"></canvas>

<script type="text/javascript">

var canvas = document.getElementById('myCanvas');

var ctx = canvas.getContext('2d');

ctx.canvas.width = 600;

ctx.canvas.height = 600;

ctx.beginPath();

//开始绘制三角形

ctx.moveTo(300,100);

ctx.lineTo(100,400);

ctx.strokeStyle = "red";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(100,400);

ctx.lineTo(500,400);

ctx.strokeStyle = "green";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(500,400);

ctx.lineTo(300,100);

ctx.strokeStyle = "blue";

ctx.stroke();



</script>

</body>

</html>


写回答

1回答

Miss路

2019-04-12

同学,你好。

你实现的挺好的,继续加油!

欢迎采纳!祝学习愉快!

0

0 学习 · 4826 问题

查看课程