Question

是否可以将CSS样式添加到您要用于Facebook共享的og：image？我使用的不是静态图片，而是动态图片（php）

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

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

我对Facebook分享并不十分熟悉，因此不确定是否可行。

Answer 1

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

您可以做的是动态制作不同的图像，并在图像上方添加一个新对象，然后使用meta标签为该图像提供服务。

<?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样式添加到og：图片

1 个答案: