2-3练习画三角形

来源：2-3 编程练习

慕粉4061381

2017-11-08 09:30:03

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>canvas</title>
    <style>
        *{
            margin:0;
            padding:0;
            border:none;
        }
        canvas{
            position: absolute;
            top:0;
            right: 0;
            bottom:0;
            left: 0;
            margin:auto;
            display: block;
            background: #ececec;
        }
    </style>
    <script>
        window.onload=function(){
            // 获取id为canvas的元素
            var canvas=document.getElementById('canvas');
            // 获取2d的绘图环境
            var context=canvas.getContext('2d');
            // 开始画图之起始点
            context.moveTo(600,200);
            context.lineTo(200,500);
            context.lineTo(600,300);
            context.lineTo(600,200);
            context.stroke();
        }
    </script>
</head>
<body>
    <canvas id="canvas" width="800" height="600">Chrome</canvas>
</body>
</html>
请问老师，像素点应该怎么看呢，我改了好多次坐标，也没画出要求的三角形

写回答

1回答