老师,这样做对吗?

来源:3-4 编程练习

沧海的雨季

2018-09-29 07:34:25

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas画直线</title>

    <style>

        canvas{background-color:lightpink;}

    </style>

</head>

<body>

    <canvas id="canvas" width="600" height="600">

        您的浏览器不支持canvas

    </canvas>

    

        <script>

//在此处填写代码

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

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

ctx.canvas.width="300";

ctx.canvas.height="300";

ctx.moveTo(0,50);

ctx.lineTo(50,50);

ctx.lineTo(50,100);

ctx.lineTo(100,100);

ctx.lineTo(100,150);

ctx.lineTo(150,150);

ctx.lineTo(150,200);

ctx.lineTo(0,200);

ctx.stroke();

</script>

</body>

</html>


写回答

1回答

好帮手慕星星

2018-09-29

效果是可以的呢,但是还缺少一个台阶哦,可以添加一下。祝学习愉快~~

0

0 学习 · 4826 问题

查看课程