我正在一个项目中，我需要在画布和矩形上绘制图像，还要提及该图像上存在的对象。如果图像无法缩放以适合画布，则矩形将绘制正确的位置。但是，如果我缩放了图像，矩形就不会缩放到正确的位置。我已经经历过关于stackoverflow的类似问题/解答，但是在我的案例中它们都不起作用，或者我受过很好的教育，无法以正确的方式理解和实施它们。
以下是2个不同的片段： Without Image Scale （在正确位置绘制矩形）和With Image Scale （在不正确位置绘制矩形）
区别只在于注释行。
ctx.drawImage(img, x, y, img.width * scale, img.height * scale);
//ctx.drawImage(img, 0, 0); // not fitting image to canvas fill
和
ctx.strokeRect(c[0]* scale, c[1]* scale, c[2] * scale , c[3] * scale);
//ctx.strokeRect(c[0], c[1], c[2] , c[3]); //drawing rects on correct position