facebook 图形 api：offset_y offset_x

Question

您好，我想了解 offset_y 在 facebooks graph API https://developers.facebook.com/docs/graph-api/reference/cover-photo/ 中的含义。

我已经尝试理解这个相关的帖子，但不能。 how to compute Facebook graph api cover offset_y to pixel?

例如，这个事件。 https://www.facebook.com/events/1119146318216486/。调用图形 api 时产生一个 '"offset_y": 20'

但是，实际偏移量是-4px：

任何帮助将不胜感激。

Answer 1

offset_x 和 offset_y 的值是原始图像大小的百分比，而不是像素值。

百分比的范围是 0 到 100，并且是调整大小的图像的空间溢出偏移值的百分比。

例如，我有一个 720x480 像素的图像。封面照片空间为 851x315 像素，因此当调整照片大小以适应该空间时，它是 851x567.33 像素。如果我在为封面定位时将该图像拖到一半，则返回的offset_y 将是50。这意味着 50% 的“剩余”空间无法放入封面照片槽。

“剩余”垂直 (y) 空间将为 567.33 - 315 = 252.33 像素。该空间的 50% 是 126.167。在这种情况下，我的 top 偏移量将为 -126.167 像素。

所以offset_x 和offset_y 是将调整大小的图像定位到 Facebook 上的照片空间所需的像素移动百分比。

// These values retreived ahead of time (Graph API, etc.)
var offset_x = 0;
var offset_y = 50;
var fbCoverPhotoWidth = 851; // Known value, in pixels
var fbCoverPhotoHeight = 315; // Known value, in pixels

// Create an image from the cover photo URL returned by the Graph API
var img = new Image();
img.src = "https://scontent.xx.fbcdn.net/v/t1.0-0/p480x480/your-photo-url-here.jpg";

// Calculate the scaling ratio
var ratio = Math.max(fbCoverPhotoWidth / img.width, fbCoverPhotoHeight / img.height);

// Convert the offset percentages to pixel values
var offset_x_pixels = Math.ceil(((img.width * ratio) - fbCoverPhotoWidth) * (offset_x / 100));
var offset_y_pixels = Math.ceil(((img.height * ratio) - fbCoverPhotoHeight) * (offset_y / 100));

console.log(offset_x_pixels);
console.log(offset_y_pixels);