所以我有一个要求,我有一个“display-div”,它是SPECIFIC像素大小。然后我将有一个图像,“区域到显示”被标记为矩形框。我需要提出左上角和右下角的精确像素坐标以及放大/缩小值,以便尽可能好地容纳要在“display-div”内显示的区域。
例如我们假设:
The display-div dimensions are: 100px(width) x 200px(height)
And I have an image that is 2000px(width) x 1000px(height)
Region-to-display is from (1000,500)px (top left of image)
to (1200,900)px (bottom right of image)
所以我知道width to display is 200px and height to display is 400px
。但是the display-div is 100px x 200px
。所以我也需要缩小。
因此我需要传递数据点,如:
top left = (1000,500)px
bottom right= (1200,900)px
zoom:0.5 (since we need to zoom out)[Firstly is 0.5 even correct??]
现在我的问题是我需要将其形式化为某种“公式”,我可以对任何数据集使用,这提供了我给出display-div和region-to-display坐标,将为我提供缩放因子和左上角和右下角坐标的像素。
另请注意,计算出的区域到显示坐标不一定需要与标记的坐标值相同。在前面的例子中它是相同的,因为比率是正确的。然而,有时缩放可能是1.3或类似的十进制值,在这种情况下,区域到显示像素可能不同。
有关如何实现这一目标的任何指示?