如何 link 将动态创建的图片分享到 Facebook？

Question

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

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

像这样使用 opengraph 是可行的，

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

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

我能做什么？谢谢！

Answer 1

如果用户生成图像，将其存储在您的服务器上并为该图像生成一个唯一的 URL，其中包含该页面的 Open Graph 标签中图像的直接 URL。

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

<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>

如何 link 将动态创建的图片分享到 Facebook？

How to link a dynamically created image into Facebook share?

facebook

facebook-opengraph