添加 css 样式到 and: image

Question

是否可以将 CSS 样式添加到用于 Facebook 分享的 Facebook og:image？我没有使用静态图像，但它们是动态的 (php)

所以，这是我的标签的当前状态，它只是抓取该特定产品的图像。但是，它只是一个图像。例如，我想使用 CSS 在右上角放置一个彩色块，并在其中放置一些样式文本。

<meta property="og:image" content="<?php echo $data['img_name']; ?>" />

我不太熟悉 Facebook 分享，所以不确定这是否可行。

Answer 1

不，CSS 是一种样式语言，不会直接应用于图像。调整此元标记时，它不会应用于实际图像。

您可以做的是动态制作不同的图像并在图像顶部添加新对象并使用元标记提供该图像。

<?php
// Load the stamp and the photo to apply the watermark to
$stamp = imagecreatefrompng('stamp.png');
$im = imagecreatefromjpeg('photo.jpeg');

// Set the margins for the stamp and get the height/width of the stamp image
$marge_right = 10;
$marge_bottom = 10;
$sx = imagesx($stamp);
$sy = imagesy($stamp);

// Copy the stamp image onto our photo using the margin offsets and the photo 
// width to calculate positioning of the stamp. 
imagecopy($im, $stamp, imagesx($im) - $sx - $marge_right, imagesy($im) - $sy - $marge_bottom, 0, 0, imagesx($stamp), imagesy($stamp));

// Output and free memory
header('Content-type: image/png');
imagepng($im);
imagedestroy($im);
?>

来源：http://php.net/manual/en/image.examples-watermark.php

添加 css 样式到 and: image

Add css styling to og: image

css

facebook-opengraph