2012-04-25 124 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