在javascript中使用画布上的鼠标事件绘制直线

我正在尝试使用鼠标事件在画布上画一条直线。我对java脚本不熟悉。有人能帮我或向我推荐一些我能得到帮助的地方吗？

身体{
背景色：黑色；
}
帆布{
位置：绝对位置；
保证金：自动；
左：0；
右：0；
边框：纯色1px白色；
边界半径：10px；
}
var canvasWidth=180；
var canvasHeight=160；
var=null；
var界限=null；
var-ctx=null；
var hasload=false；
var startX=0；
var-startY=0；
var-mouseX=0；
var-mouseY=0；
var isDrawing=错误；
var existingLines=[]；
函数绘图（）{
ctx.fillStyle=“#333”；
ctx.fillRect（0,0，画布宽度，画布高度）；
ctx.strokeStyle=“黑色”；
ctx.lineWidth=2；
ctx.beginPath（）；
对于（变量i=0；i

身体{
背景色：黑色；
}
帆布{
位置：绝对位置；
保证金：自动；
左：0；
右：0；
边框：纯色1px白色；
边界半径：10px；
}
var canvasWidth=180；
var canvasHeight=160；
var=null；
var界限=null；
var-ctx=null；
var hasload=false；
var startX=0；
var-startY=0；
var-mouseX=0；
var-mouseY=0；
var isDrawing=错误；
var existingLines=[]；
函数绘图（）{
ctx.fillStyle=“#333”；
ctx.fillRect（0,0，画布宽度，画布高度）；
ctx.strokeStyle=“黑色”；
ctx.lineWidth=2；
ctx.beginPath（）；
对于（变量i=0；i