项目需要获取当前用户访问网页时候的页面的效果,主要是针对web2.0的hover时候出现某些元素,hover离开之后元素又消失的情况,比如说二级菜单。我现在想用javascript去获取当前页面的效果,有尝试过html2canvas,但是发现它对css3的支持太差,网站有很多css3的属性,隧放弃html2canvas.请问,javascript有没有截屏的功能,或者html运行时的dom能否被保存下来,我用保存的dom去展示

解决方案 »

  1.   

    JavaScript有截屏控件,QQ邮箱,QQ空间上面都提供了截屏功能。网上也有Web截屏控件,你可以搜一下。
      

  2.   

    如果要使用JavaScript来截屏的话,需要借助于ActiveX控件来实现。楼主试试这个WEB截屏控件:http://www.cnblogs.com/xproer/archive/2010/12/05/1896778.html
    与FCKEditor2.x整合与CKEditor3.x整合与KindEditor3.x整合与xhEditor1.x整合与Discuz!X2整合-常用工具条与Discuz!X2整合-高级工具条与Discuz!X2整合-弹出截屏选择窗口
    整合示例代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Web截屏控件标准版演示页面</title>
        <link type="text/css" rel="Stylesheet" href="ScreenCapture/ScreenCapture.css" />
        <script type="text/javascript" src="ScreenCapture/ScreenCapture.js" charset="utf-8"></script>
    </head>
    <body>
    <div id="ScreenCaptureMessage">
    <div id="CaptureMessage">
    <img alt="进度图标" src="ScreenCapture/SL_Uploading.gif" /><span>图片上传中...</span><span>10%</span>
    </div>
    <input id="BtnCapture" type="button" value="截取屏幕区域" />
    <input id="BtnCapture2" type="button" value="截取整个屏幕" />
    <img id="ScreenImg" alt="截屏图片" style="display: none" />
    </div>
    <script type="text/javascript" language="javascript">
    var scpMgr = new CaptureManager("CaptureMessage");
    //scpMgr.Config["PostUrl"] = "http://www.ncmem.com/products/screencapture/demo/upload.aspx";
    scpMgr.Config["PostUrl"] = "http://localhost:1830/asp.net/upload.aspx";
    scpMgr.Config["EncodeType"] = "GB2312"; window.onload = function()
    {
    document.getElementById("BtnCapture").attachEvent("onclick", CaptureRect);
    document.getElementById("BtnCapture2").attachEvent("onclick", CaptureScreen);
    }

    //截区域
    function CaptureRect()
    {
    scpMgr.Capture();
    }

    //截全屏
    function CaptureScreen()
    {
    scpMgr.CaptureScreen();
    }
    </script>
    </body>
    </html>标准版CAB安装包
    专业版CAB安装包
    ASP.NET标准版示例
    ASP.NET-FCKEditor2.x示例
    ASP.NET-CKEditor3.x示例
    ASP.NET-KindEditor3.x示例
    JSP标准版示例
    JSP专业版示例
    JSP-FCKEditor2.x示例示例
    JSP-CKEditor3.x示例
    JSP-KindEditor3.x示例
    PHP-标准版示例
    PHP-专业版示例