Question

我试图在随机点绘制某个设计，我正在移动笔：

ctx.moveTo(Math.floor((Math.random() * 300) + 1),Math.floor((Math.random() * 300) + 1);

（如果有更好的方法来确定（0,0）和（300,300）之间的随机点，我愿意接受建议，但现在我想使用

ctx.lineTo(0,0)

为了实际绘制那条线，但这只是绝对点，那么如何将笔移动到一个随机点，然后移动，例如，从该点开始上升10点？

Answer 1

要生成新的随机整数，每次应将其设置为每次引用时调用该方法的变量。此外，更重要的是，您需要定义画布的点以在lineTo()方法内绘制，并且只需在moveTo()方法中设置起始坐标。

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

var randPoint = Math.floor((Math.random() * 300) + 1);

ctx.beginPath();

ctx.moveTo(0, 0);

ctx.lineTo(randPoint, randPoint);

ctx.stroke();

如何使用HTML Canvas绘制相对于点的线？

1 个答案: