2012-04-25 244 views
1

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

我猜画布必须呈现为<img>标记和og:image元数据中指定的标记的ID?

+0

你能解释一下你想要做的更好吗? – 2012-04-25 16:54:40

+0

这是一个'自行车配置程序'用户通过选择各种部件和颜色(目前通过单独的透明图像显示)配置他们的自行车构造,我们希望他们能够将他们配置的构建分享到他们的Facebook墙上。 – 2012-04-26 08:47:28

回答

1

你有两个选择,因为我看到它。

(1)使用Like Button并在其中放入一个动态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标签中提取数据。

+0

因此,为了澄清Facebook将无法'附加'客户端上的HMTL5 Canvas中呈现的图像 - 该图像需要在服务器上呈现并且其URL提供给Facebook? – 2012-04-26 20:48:58

+0

您是否指的是您想要作为图像上传的画布元素? – 2012-04-26 20:54:07

+0

我想知道如果我可以使用canvas元素将各种图像合并到一个图像中,而这些图像不需要呈现或保存图像服务器端,就可以在客户端上共享到Facebook。 因此 - 如果我将配置保存到“喜欢”的URL,Facebook会将所呈现的画布图像刮掉并将其附加到墙贴上? 我的猜测可能不是 - 图像需要首先保存到服务器上? – 2012-04-27 06:28:33