Javascript 我不能在图像上画矩形

当我按下“绘图”按钮时。我不能在图像上画矩形

函数drawRect（）{
//创建正方形
var w=endX-startX；
var h=endY-startY；
var offsetX=（w<0）？w:0；
var-offsetY=（h<0）？h:0；
可变宽度=数学绝对值（w）；
变量高度=数学绝对值（h）；
clearRect（0，0，canvas.width，canvas.height）；
ctx.save（）；
ctx.beginPath（）；
ctx.rect（startX+offsetX、startY+offsetY、宽度、高度）；
ctx.lineWidth=7；
ctx.strokeStyle=‘红色’；
ctx.stroke（）；
ctx.closePath（）；
}

没有发生任何事情的原因是您调用了错误的函数。在HTML

中，之所以没有发生任何事情，是因为调用了错误的函数。您在HTML

function drawRect() {
// creating a square
var w = endX - startX;
var h = endY - startY;
var offsetX = (w < 0) ? w : 0;
var offsetY = (h < 0) ? h : 0;
var width = Math.abs(w);
var height = Math.abs(h);

ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.save();
ctx.beginPath();
ctx.rect(startX + offsetX, startY + offsetY, width, height);
ctx.lineWidth = 7;
ctx.strokeStyle = 'red';
ctx.stroke();
ctx.closePath();
}