从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的屏幕截图，然后使用了社交插件，也许这将对某人有所帮助

Answer 2

您可能可以将div转换为PDF或图像，然后在Facebook上共享？