老师看下效果,有没有需要改进的地方
来源: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回答
同学,你好。
你实现的挺好的,继续加油!
欢迎采纳!祝学习愉快!
相似问题