从ASP.NET共享div内容作为Facebook中的图像

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也许这会帮助某人

Answer 2

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