｛oCanvas｝如何通过鼠标单击更改线坐标

{oCanvas} How do I change the line coordinates through mouse clicks?

本文关键字：坐标 单击 鼠标 oCanvas 何通过      更新时间：2023-09-26

我正试图通过鼠标单击来更改画布上一行的位置。它应该检测到第一次点击，并从点击时鼠标的位置更改结束坐标。我似乎无法更改单击函数的结束坐标值。

<script language="javascript" type="text/javascript">
var canvas = oCanvas.create({
    canvas: "#myCanvas",
    background :"#808080"
});
var line = canvas.display.line({
    start: {x:80, y:60},
    end: {x:280, y:170},
    stroke: "10px #0aa",
    cap: "round"
});
canvas.addChild(line);
canvas.bind("click tap", function(){
    alert(line.start.x + "  " + canvas.mouse.x);
    line.end.x = canvas.mouse.x;
    line.end.y = canvas.mouse.y;
    canvas.redraw;
});
</script>

函数调用中缺少用于重绘的括号。加上这一点，它应该会起作用。要使其也适用于触摸，请使用canvas.pointer.x和canvas.ppointer.y.

相关文章：