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

Posted 2023-05-08

【中文标题】CSS Object-fit:cover 获取坐标为原始宽度

【英文标题】：CSS Object-fit:cover get coordinate as original width

【发布时间】：2020-11-10 15:51:06

【问题描述】：

我有尺寸为 750*750 的图像。 我已将 css 用于第二张图片-

object-fit:cover

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

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

【参考方案1】：

得到你应该使用的实际尺寸

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

【讨论】：

我需要相对于原始图像大小的点击坐标