javascript - 为什么我不能画一条线？

Question

我正在尝试从矩形的左上角到中心画一条线？矩形出现但不是一条线......

  <script type="text/javascript">
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");

    ctx.strokeRect(10,10,300,175);
    ctx.moveTo(10,10);
    ctx.lineTo(140, 87);
 </script>

（这是在body标签内）

标签： javascripthtmlcanvas

Answer 1

你需要ctx.stroke();在你之后打电话lineTo：

Canvas 2D API 的 CanvasRenderingContext2D.stroke() 方法使用非零缠绕规则以当前笔划样式笔划当前或给定路径。

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");


ctx.moveTo(10,10);
ctx.lineTo(140, 87);
ctx.stroke()

<canvas id="canvas">