使用object-fit计算鼠标在视频中的位置：包含

Question

我试图将鼠标事件转换为视频中的像素坐标。像素坐标是指相对于原始视频分辨率的坐标。

我的视频元素有object-fit: contain，这意味着视频的左上角不一定位于(0,0)位置，因为这图为：

如果我点击左上角然后我想要(0,0)，但为了做到这一点，我需要发现视频内容（白色区域）相对于视频元素（黑色边框）的偏移量。

如何恢复此偏移量？

我已经知道width,height,videoWidth和videoHeight，但这些只让我说明缩放，而不是偏移量。

Answer 1

可以推导出偏移量。我认为这种代码应该做的伎俩：

if(videoHeight/height > videoWidth/width){ 
    scale = videoHeight/height; 
    offsetX = (videoWidth - width*scale)/2; 
    offsetY = 0; 
} 
else{ 
    scale = videoWidth/width; 
    offsetY = (videoHeight - height*scale)/2; 
    offsetX = 0; 
}