文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
html5 - 网页截图是怎么实现的？
PHP中文网
PHP中文网 2017-04-17 11:03:02
[HTML讨论组]
0 4 583
举报

Using HTML5/Canvas/Javascript to take screenshots？
还是通过浏览器api呢？
THX....

PHP中文网
PHP中文网

认证0级讲师

全部回复(4)
PHPz
PHPz2017-04-17 11:05:02 4楼
  1. 页面脚本，是不能达到截取系统截图的权限的；
  2. 除非是浏览器本身提供api，因为浏览器本身就是在本地系统上的一个客户端(本地的客户端，一般都拥有截取屏幕的权限)；
  3. 但浏览器的截图api，权限也是有限的，就是只能截取当前浏览器窗口的图片，而不能截取浏览器以外的图片，例子：花瓣网的chrome浏览器插件；
  4. 留意过 web qq ，网页版微信的截屏功能，就是在本地安装了一个客户端(一般我们叫浏览器“插件”)才可以进行截屏操作的。
赞 +0
添加回复
怪我咯
怪我咯2017-04-17 11:05:02 3楼

最近刚好在做chrome插件开发，chrome有一个api是captureVisibleTab，可以截取tab为任何webkit支持的格式的图片。其他的我就不太清楚了，呵呵。

chrome.tabs.captureVisibleTab(integer windowId, object options, function callback)

https://developer.chrome.com/extensio...

赞 +0
添加回复
PHPz
PHPz2017-04-17 11:05:02 2楼

你可以试试 html2canvas

它把当前页面渲染为一张 canvas 图片，具体做法是读取 DOM 元素及其样式然后把它们渲染到 canvas 中。不需要服务器渲染，整个过程在浏览器端完成。

赞 +0
添加回复
怪我咯
怪我咯2017-04-17 11:05:02 1楼

你叫景文天？

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部