代码
提交代码
<canvas id="test" width="500" height="400">您的浏览器不支持canvas</canvas> <script> var a = document.getElementById("test"); var ctx = a.getContext("2d"); ctx.moveTo(10, 20); //开始坐标在 (10,20) ctx.lineTo(20, 100); //线条移动到 (20,100) ctx.lineTo(70, 100); //线条移动到 (70,100) ctx.strokeStyle = "grey"; //线条颜色设置为灰色 ctx.stroke(); //绘制 </script>
运行结果