Question

我很困惑如何解决这个问题。在我的网站上，在用户填写表单后，将在canvas元素上生成一个图像。

这是我希望用户能够通过共享对话框在Facebook上分享的图像。现在我知道如何从canvas转换为png，但不是在页面加载之前。

像这样使用opengraph，

<meta property="og:image" content="sample_chart.png" />

仅当图像是现有的png时。一旦用户到达该页面，似乎无法将图像添加到此属性。

我该怎么办？谢谢！

Answer 1

如果用户生成图片，请将其存储在您的服务器上，并为该图片生成一个唯一的网址，其中包含该网页的Open Graph标记中图片的直接网址。

例如，这就是该页面的标记可能如下所示：

<html>
    <head>
        <meta property="og:image" content="http://example.com/path/to/image.png" />
        <meta property="og:url" content="http://example.com/awesome/image.html" />
        <meta property="og:title" content="A title" />
        <meta property="og:description" content="A description" />
    </head>
    <body>
        <img src="http://example.com/path/to/image.png" />
    </body>
</html>

如何将动态创建的图像链接到Facebook共享？

1 个答案: