asp.net - 从 ASP.NET 在 Facebook 中将 div 内容共享为图像

Question

我正在开发一个网站，该网站已经完成，但有一件事我遇到了问题。我有一个页面，在其中以动态 div 布局显示团队和玩家排名。我想在 Facebook 上以图像形式分享这些结果，如下所示。我怎样才能实现这个目标？知道从哪里开始吗？

ASP 代码:

<div id="dvChartPosition" class="span12" runat="server">
<ul id="TAbLeaderBoard" class="nav nav-tabs nav-append-content">
    <li id="liGoalKeeper" runat="server" class="active" style="width: 55px; padding-right: 10px;">
        <a href="#BestGoalKeeper" data-toggle="tab"><span>Goalie</span></a></li>
    <li id="liStriker" runat="server" style="width: 55px; padding-right: 10px;"><a href="#BestStriker"
        data-toggle="tab"><span>Striker</span></a></li>
    <li id="liDefender" runat="server" style="width: 65px; padding-right: 13px;"><a href="#BestDefender"
        data-toggle="tab"><span>Defender</span></a></li>
    <li id="liMidFielder" runat="server" style="width: 75px; padding-right: 13px;"><a
        href="#BestMidFielder" data-toggle="tab"><span>MidFielder</span></a></li>
    <li id="liManoftheMatch" runat="server" style="width: 50px; padding-right: 10px;"><a
        href="#ManoftheMatch" data-toggle="tab"><span>MoM</span></a></li>
</ul>

    <div class="tab-pane fade" id="ManoftheMatch">
        <asp:GridView runat="server" ID="gvManoftheMatch" GridLines="None" Width="100%" AutoGenerateColumns="false"
            ShowHeader="true" CssClass="table table-striped" AllowPaging="true" PageSize="5">
            <Columns>
                <asp:BoundField HeaderText="Rank" DataField="Rank" />
                <asp:BoundField HeaderText="Name" DataField="PlayerName" />
            </Columns>
        </asp:GridView>
    </div>
</div>
</div> 

Answer 1

我已经搜索过，但没有找到任何结果。但现在我找到了一种共享 div 的方法。你只能在 facebook 中分享图片，不能分享 div。
所以我用 html2canvas.js 截取了我的 div 的屏幕截图。 然后我 social plugin 也许这会对某人有所帮助