javascript如何截屏? 项目需要获取当前用户访问网页时候的页面的效果,主要是针对web2.0的hover时候出现某些元素,hover离开之后元素又消失的情况,比如说二级菜单。我现在想用javascript去获取当前页面的效果,有尝试过html2canvas,但是发现它对css3的支持太差,网站有很多css3的属性,隧放弃html2canvas.请问,javascript有没有截屏的功能,或者html运行时的dom能否被保存下来,我用保存的dom去展示 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 JavaScript有截屏控件,QQ邮箱,QQ空间上面都提供了截屏功能。网上也有Web截屏控件,你可以搜一下。 如果要使用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-专业版示例 通过select值选中状态和文本框输入判断另一个select的值 求助下段js代码如何实现连续滚动,如何取消自动滚动等待时间 js offsetX在ff下兼容 请教关于 canvas 与 IE 兼容的一个问题 javascript中如何实现中文的base64解码 网页不被框架的问题 谁能帮忙写段代码 jsp中如何实现动态下拉框三级联动 高手救我 nodejs 中用的中间件 connect 在使用logger的时候不管传入什么构造logger,log的格式都一样 控制div显示字符数 关于抓取网页中的元素的问题 和 其它!!!
与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-专业版示例