如何将AjaxControlToolkit TabPanel绘制到位图

Question

我有包含许多选项卡的ajax选项卡容器。我想循环遍历每个选项卡，并将选项卡面板内容绘制到位图中。

这是我目前的密码：

foreach (object obj in container.Controls)
            {
                if (obj is AjaxControlToolkit.TabPanel)
                {
                    AjaxControlToolkit.TabPanel tabPanel = (AjaxControlToolkit.TabPanel)obj;

                    Bitmap m_Bitmap = new Bitmap(Screen.PrimaryScreen.Bounds.Width, Screen.PrimaryScreen.Bounds.Height);

                    Graphics graphics = Graphics.FromImage(m_Bitmap as System.Drawing.Image);
                    graphics.CopyFromScreen(25, 25, 25, 25, m_Bitmap.Size);

                    m_Bitmap.Save(@"C:\Users\user\Desktop\Project\Project1\Source Code\Project1\Image\" + tabPanel.HeaderText + ".jpg", System.Drawing.Imaging.ImageFormat.Jpeg);
                }
            }

现在，我可以循环每个标签面板在标签容器和屏幕截图整个网页，然后保存位图图像在图像文件夹。但我想要截图/位图只是标签面板的内容。

问题:如何用我的当前代码绘制AjaxControlToolkit TabPanel到位图？

请指导我一下，谢谢。

Answer 1

1. 从客户端代码中获取TabPanel。这是示例代码：

var tabContainer = $find("Content_DemoContent_Tabs");
for(var i = 0; i < tabContainer.get_tabs().length; i++)
{
    tabContainer.set_activeTabIndex(i);
    var element = tabContainer.get_tabs()[i]._element;
}

1. 计算每个element在屏幕坐标中的位置。这是一个相当复杂且不可靠的任务，但是您可以在这里看到如何完成它：https://stackoverflow.com/a/21274679/644496
2. 将此数据发送到服务器以制作屏幕截图。这是广泛的，虽然是众所周知的任务，所以你可以选择任何方式来做它。