Javascript 如何更改html5画布行的起点和终点位置?

Javascript 如何更改html5画布行的起点和终点位置?,javascript,html,canvas,Javascript,Html,Canvas,我可以成功地使用以下代码绘制线: var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.moveTo(0,0); ctx.lineTo(200,100); ctx.stroke(); 有没有可能改变起点或终点的位置。这条线的坐标? 我需要清除整个上下文吗? 我想用鼠标拖动任意一端以绘制圆或扇区。您可以使用它将画布移动到x,y var c = docum

我可以成功地使用以下代码绘制线:

    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.moveTo(0,0);
    ctx.lineTo(200,100);
    ctx.stroke();
有没有可能改变起点或终点的位置。这条线的坐标? 我需要清除整个上下文吗? 我想用鼠标拖动任意一端以绘制圆或扇区。

您可以使用它将画布移动到x,y

var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.translate(50, 50); // move to (50, 50)
    ctx.moveTo(0,0);
    ctx.lineTo(200,100);
    ctx.stroke();

但这不会移动或拉伸之前绘制的现有线条,这似乎是OP想要做的。是的,我想移动线条。嗯。嗯,不可能移动现有线路。您只能重新绘制画布