请教js如何实现截屏功能

请问如何通过JS调用windows的截屏功能 或者直接通过js实现截屏？

解决方案 »

  1.   

    如果要实现像QQ邮箱里面的截屏功能，则需要通过ActiveX插件来实现。QQ也是通过插件来实现的。在这里推荐楼主使用北京新颖网络截屏插件。
    详细介绍：http://www.cnblogs.com/xproer/archive/2011/02/19/1958398.html
    控件说明：
    新颖网络截屏插件是一个轻量级的ActiveX控件，插件大小只有114KB，所以它可以非常方便的集成到您的网站，博客，BBS，论坛中。使用新颖网络截屏插件可以非常方便的将截屏图片自动上传到您的Web服务器中。新颖网络截屏插件提供了丰富的接口方便开发人员更精确的控制每一个细节。例如通过插件提供的Response属性开发人员可以非常方便的获取服务器返回的信息。产品特点如下：
    1.基于标准HTTP协议。
    2.支持Jpg图片格式。
    3.一流的用户体验，操作方便。
    4.增加截屏图片编辑器。可任意输入文字，绘制矩形箭头等。
    5.免费提供JavaScript SDK包，方便您将插件快速集成到已有网站中。
      

  2.   

    这个需要通过控件来实现。网上好像有一个Web截屏控件，你搜一下。
      

  3.   

    楼主试试这个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-专业版示例
      

  4.   

    相当不错。
    最近接了个小的Web项目，客户也提了这个需求。这下可以解决了。