CSS Object-fit:cover获取原始宽度的坐标

Question

我有一张750*750的图片。我已经将css用于第二个图像-

object-fit:cover

在下面的截图中，这两个图像是相同的，但放置在不同的容器中。现在，如果单击图像，我将使用event.offsetX和event.OffsetY获得坐标。

由于我使用了object-fit:cover作为第二张图片，所以它显示得很小。我有轮胎坐标的信息，因为第二张图像变小了，我想得到它的坐标。

​

​

Answer 1

要获得实际的尺寸，您应该使用

img {
    width: 750px;
    height: 750px;
    object-fit: contain;
}