2015-04-04 5 views
0

Я смущен, как решить эту проблему. На моем сайте после того, как пользователь заполнил форму, изображение создается на элементе canvas.Как связать динамически созданное изображение в Facebook?

Это изображение, которое я хочу, чтобы пользователь мог делиться на facebook через диалог совместного доступа. Теперь я знаю, как конвертировать из холста в png, но не раньше, чем загрузилась страница.

Использование opengraph, как это работает,

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

только если изображение существующей PNG. И, похоже, нет способа добавить изображение к этому свойству после того, как пользователь достиг страницы.

Что я могу сделать? Благодаря!

ответ

2

Если пользователь создает изображение, сохраните его на своем сервере и создайте уникальный URL-адрес для этого изображения, который содержит прямой URL-адрес изображения в тегах Open Graph этой страницы.

Например, вот как разметка этой страницы может выглядеть следующим образом:

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

спасибо, что очень полезно. – user963936

+1

Обратите внимание, что часть уникального URL-адреса очень важна. Он не должен быть URL-адресом для страницы, на которой пользователь включен. – Joel

Смежные вопросы