facebook - Facebook 喜欢 HTML5 画布

Question

有谁知道用户生成的 HTML5 Canvas 是否可以附加到 Facebook 的“Like”操作并在 Facebook 墙上分享？

我猜画布必须被渲染到一个<img>标签和og:image元数据中指定的标签的id？

Answer 1

在我看来，你有两个选择。

(1) 使用Like 按钮并在其中放置一个动态 url，该 url 为用户选择的配置生成 og 标签。在点赞按钮教程的第二步中，它会为您生成 og 标签，以便您查看需要什么，然后确保您的服务器根据用户配置生成这些标签。当用户完成他的配置时，您必须从您的页面向服务器发出请求，这样才有可能。

(2) 使用js sdk自带的Feed Dialog。使用它，您可以指定所有故事字段，例如：

var obj = {
    method: "feed",
    picture: "URL_FOR_THE_CONFIGURED_BIKES_PIC",
    name: "My custom bikes!",
    caption: "I just finished building a new pair of bikes",
    description: "My configuration: ....."
};

FB.ui(obj, function(response) {
    console.log(response);
});

当然可以将这两个选项混合到第三个选项中，如果每个配置都有一个特定的 url，那么你可以简单地：

FB.ui({
    method: "feed",
    link: "URL_FOR_THE_USER_CONFIGURATION"
}, function(response) {
    console.log(response);
});

然后 facebook 将从该链接中的 og 标签中提取数据。