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

我很困惑如何去解决我遇到的这个问题。在我的网站上，用户填写表单后，会在画布元素上生成图像。如何将动态创建的图片链接到Facebook共享中？

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

使用opengraph喜欢这个工作，

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

只有当图像是现有PNG。一旦用户到达页面，似乎没有办法将图像添加到此属性。

我该怎么办？谢谢！

来源

2015-04-04 user963936

如果用户生成图像，请将其存储在您的服务器上，并为该图像生成一个唯一的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>

来源

2015-04-08 12:46:10

感谢，这是非常有帮助的。 – user963936 2015-04-09 00:36:58

请注意关于唯一网址的部分非常重要。它不需要是用户所在页面的URL。 – Joel 2015-04-10 23:17:31

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

回答

相关问题