如何保存畫布圖像和分享到Facebook使用fb.api

我想保存畫布圖像到文件夾和共享Facebook上的用戶登錄壁我登錄我使用的是html2canvas插件，但我的問題是div元素不是在畫布中繪製div中的數據來自數據庫以下是我寫的代碼。如何保存畫布圖像和分享到Facebook使用fb.api

HtmlCode：

<div class="fan_wrap"> 
     <ul class="fan_list"> 
       <% foreach (ProfileDetails currentFollowers in AllFollowers) 
        { 
        %> 
    <li <%if (currentFollowers.ID != 0) { Response.Write("class=\"locate\""); } %>> 
    <img src="<%=currentFollowers.ProfileImg %>" alt="<%=currentFollowers.Name %>" title="<%=currentFollowers.Name %>" /> 
    <div class="frame"></div> 
    </li> 
    <%} %> 
    </ul> 
    <div class="clearfix"></div> 
    <div class="logo_water_mark"> 
    <img src="images/trans_logo.png" alt="" /> 
    </div> 
    </div>

JavaScript代碼：

$(document).ready(function() { 
     $('#share_lnk').on('click',function() { 
      html2canvas($('.fan_wrap'), { 
       onrendered: function (canvas) { 
        var image = canvas.toDataURL("image/jpeg"); 
        var url = canvas.toDataURL("image/jpeg"); 
        image = image.replace('data:image/jpeg;base64,', ''); 
        $.ajax({ 

         type: 'POST', 
         url: 'FacebookLogin.aspx/UploadImage', 
         data: '{ "imageData" : "' + image + '" }', 
         contentType: 'application/json; charset=utf-8', 
         dataType: 'json', 
         success: function (msg) { 
          alert('Image saved successfully !'); 
         } 
        }); 
        var newImg = document.createElement("img"); 
        newImg.src = url; 
        document.body.appendChild(newImg); 
       } 
      }); 
     }); 
    });

來源

2014-04-01 Rakesh Sadhulad

的第一件事是，你必須拯救你想要分享它的域畫布圖像作爲你的Facebook應用程序僅支持一。接下來，您可以分享PIC的網址是分享者象下面這樣：

FB.ui({ 
           method: 'feed', 
           name: "some name", 
           link: "somelink.com", 
           picture: urltobeshared, 
           caption: 'some caption', 
           description: "some descrtiption", 
           }, 
           function(response) { 
           if (response && response.post_id) { 
            console.log('Thank you'); 
           }     
           } 
         ); 
        },

文檔是here。希望能夠幫助

來源

2014-04-01 11:26:28 Aameer

你怎樣繪製圖像畫布上的圖像路徑確定thnk是從Facebook圖url –

我不確定你的問題是什麼，但如果你問如何在畫布上繪製圖像，那麼它很容易。請檢查這個（http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_canvas_tut_img） w3schools的例子，你會明白。而且，當畫在畫布上時，你不需要關心你正在繪製的圖像的起源，如果這是你所關心的。它可以幫助 – Aameer

是的例子只有當你的圖像包含在同一本地服務器，如果我想寫外部圖像網址，我只能工作我不能這樣做 –

如何保存畫布圖像和分享到Facebook使用fb.api

回答

相關問題