jquery实现截取pc图片_如何优雅的对网页截取长图

97ac8c21045878e3ae38c48ea110979b.png
苏生不惑第115 篇原创文章,将本公众号设为星标,第一时间看最新文章。

最近写文章想截个长图,才发现一直使用的QQ早有这个功能了,这里就整理几个pc上网页长截图的方案。

qq滚动截图

qq截图应该很多人用过,我平常挂qq也只是为了方便使用截图,但你可能没怎么用过qq滚动截图,具体看官方网站说明 https://kf.qq.com/faq/190624amau22190624ArMrE7.html,看我用软件gifcam 录制的GIF操作。

3f9ba7a6d384e77d6b3506b0085293d4.gif

点击长截图后往下滚动,截图效果:

758ec28e69cf391f7d4173eb603637c6.png

除了滚动截图qq还有屏幕识图(就是ocr了)。

79773dae01e376c987adbc43cb70a170.png

识图效果还行,就是不方便复制,还是天若ocr软件更好用点。

7a68655a5ce4227c8994623ba6957aef.png

顺便说下怎么用 QQ 截图右键菜单 ,这个在之前的文章说过那些你可能不知道的网络冷知识奇技淫巧,先按住alt+ctrl再单击右键就可以用QQ对右键菜单截图了。

7964a6d6f23ac4b53861c324aa003982.png

FireShot

这是个Chrome扩展https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg,能捕捉网页截图,编辑并将它们保存为PDF,JPEG,GIF,PNG或BMP ,安装 Chrome扩展见文章上不了谷歌如何安装 Chrome 扩展?

6c554fe72a054d1c63dd12a27d926859.png

这里打开上不了谷歌如何安装 Chrome 扩展?这篇文章,选择捕捉选定区域。

aea7cdc45eb24588d785f08a4106b161.png

然后复制截取的长图。

85a1851be9847ad9fd3ab21c8c49ece0.png

FastStone

FastStone Capture 是一款体积小巧、功能强大、简单易用的屏幕捕捉工具,集屏幕截图、图像编辑、视频录制功能于一身。

305111cf3d1475b1f774fbb28a05abfd.png

点击捕获滚动窗口,然后滚动鼠标下滑,按esc停止 ,选中要截取的范围。

43c66958a3c92c77edcaf0647ca45784.png

生成的长图效果跟QQ差不多。

如果不想使用软件其实谷歌浏览器就自带截图功能。

浏览器控制台

按F12打开控制台,然后 Ctrl+Shift+P 输入Capture full size screenshot

d86993291d71dd03d196955be90580fa.png

这样会截取整个网页,如果想截取网页的一部分,选中截取的元素后 Ctrl+Shift+P

6bb39ef8de7e09ed2fe952c8fbae08e8.png

再输入 Capture node screenshot截图

478fca6ffda2027d8555887579647b7f.png

最后说一个微信上拼接图片的方法,打开 我 - 收藏 ,点击右上角的 + ,这是微信自带的笔记功能,上传你要拼接的多张图片。

13e2ee7d83b2afb99230a9ac946ea0b6.png

5fee1da97bd0e55d6f4e8d8c0fb33283.png

保存为图片后就将多张图片拼成一张了。

ea45916213d462d52e614c361005ed64.png

总结下,如果想简单点使用QQ就行了,想对截取的长图再操作推荐软件FastStone 。

推荐历史文章:

如何发一条空白的朋友圈

2019 年公众号 苏生不惑 近百篇原创文章整理

那些有意思的谷歌/百度搜索彩蛋

如何备份可能被删的公众号文章和网页

bilibili(b站)升级到BV号了,还想用av号怎么办

那些好玩的生成器网站

2020 年 3 月最新加速下载百度网盘文件方法

关于 苏生不惑 公众号

那些你可能不知道的网络冷知识奇技淫巧

d710aa54275c7170c987bd56b3956f6b.png

免费知识星球,每天更新

公众号 苏生不惑

0c30ce4d9566a4813a997c9865c91b05.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/265672.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在Bootstrap开发框架中使用bootstrap-datepicker插件

在基于Boostrap的Web开发中,往往需要录入日期内容,基于Boostrap的插件中,关于日期的录入可以使用bootstrap-datepicker这个非常不错的插件,以替代默认的typedate这种不太友好的日期录入控件,本篇介绍的是我在我的Boost…

STM32 ADC转换实验

摘自:STM32 ADC转换实验 作者:追兮兮 发布时间: 2020-10-29 09:42:24 网址:https://blog.csdn.net/weixin_44234294/article/details/109333307 STM32 ADC 简介 STM32 拥有 1~3 个 ADC(STM32F101/102 系列只有 1 个 AD…

ubuntu下搭载LNMP环境,解决 fpm监听失败

为什么80%的码农都做不了架构师?>>> 1.安装mysql sudo apt-get install mysql-server mysql-client 安装过程中要输入root用户的密码。 2.安装nginx sudo apt-get install nginx 2.安装php 1. sudo apt-get install php5-fpm php5-cgi php5-mysql p…

极限与连续知识点总结_高数上知识点期末复习 极限、连续、间断点(一)

点击蓝字关注我们No.1函数分值题型解析1题型解析2tips:为了帮助同学们更好的通过高数期末考试,不挂科,我们最近正在加紧制作《高等数学》上册的期末复习冲刺课程,包含讲解视频和课程讲义。课程即将上线,敬请期待......…

如何使用cmd命令行打开一个文件夹?

explorer D: 转载于:https://www.cnblogs.com/cheungxiongwei/p/9829762.html

数据结构:八大数据结构分类

摘自:数据结构:八大数据结构分类 作者:鄙人薛某 发布时间:2018-09-05 18:23:28 网址:https://blog.csdn.net/yeyazhishang/article/details/82353846 本文目录: 数据结构分类1、数组2、栈3、队列4、链表5、…

汇编语言 -第十一章

第十一章 标志寄存器 一、各标志位说明1、ZF标志*名称:零标志位*位置:第6位*作用:记录相关指令执行后,结果是否为0.如果结果为0,则zf位为1;反之为0.2、PF标志*名称:奇偶标志位*位置:…

三线调速风扇原理_学修电风扇~风机转速慢、调速失灵故障维修。

一、电风扇转速慢转速慢的故障原因有电源电压过低、起动电容器损坏及电动机本身性能不良或轴承润滑不良。对于微电脑控制式电风扇出现转速慢的故障现象,有可能是双向晶闸管驱动电路性能不良造成的。落地式电风扇、台式电风扇及鸿运扇出现此类故障时的检查方法大致相…

数据结构——链式队列解析(C语言版)

摘自:数据结构学习——链式队列解析(C语言版) 作者:正弦定理 发布时间:2020-11-26 21:07:08 网址:https://blog.csdn.net/chinesekobe/article/details/110203428 数据结构——链队列解析过程和简单代码实现…

ORACLE AUDIT 审计

转自 http://blog.csdn.net/dnnyyq/article/details/4525980 1、什么是审计审计(Audit)用于监视用户所执行的数据库操作,并且Oracle会将审计跟踪结果存放到OS文件(默认位置为$ORACLE_BASE/admin/$ORACLE_SID/adump/)或数据库&…

中班机器人教室设计方案_奇思妙想一起玩,机器人来了安格利亚东郡生态幼儿园亲子活动...

奇思妙想一起玩机器人总动员亲子活动课程起源有一天午休起床几个小女生正排队梳辫子,因为需要等待,孩子们比较无聊就在看教室的摆件,突然小朋友们就用机器人的语调开始对话,我听到后感觉很有意思也用机器人的语调和他们对话&#…

解决思科认证学员与高校网络及信息安全专业实验限制的解决方案

解决思科认证学员与高校网络及信息安全专业实验限制的解决方案—GNS3VMwareInternet中低端使用公布如下演示录像:(于2013/9/2上传,待版主审核后24小时公布)持续更新录像位置:http://edu.51cto.com/lecturer/user_id-76…

makefile 完美教程

简介 Makefile 是和 make 命令一起配合使用的,很多大型项目的编译都是通过 Makefile 来组织的,。 我建立工程的方法有以下三点: 1.makefile: 优点:使用非常广泛,通用性强,可跨平台。 缺点:语法比…

数据结构——顺序栈和链式栈的简单实现和解析(C语言版)

摘自:数据结构学习——顺序栈和链式栈的简单实现和解析(C语言版) 作者:正弦定理 发布时间:2020-11-26 21:26:49 网址:https://blog.csdn.net/chinesekobe/article/details/110205257 数据结构——栈的简单解…

c语言位运算负数的实例_0基础学习C语言第三章:位运算

C语言提供了六种位运算符&#xff1a;& 按位与| 按位或^ 按位异或~ 取反<< 左移&#xff0c;相当与*2>> 右移&#xff0c;正数高位补0&#xff0c;负数由计算机决定循环左移k次 (x<<k) | (x >> (32-k)),循环右移k次 (x>>k) | (x << (3…

phpMyAdmin 安装错误解决方法

为什么80%的码农都做不了架构师&#xff1f;>>> phpMyAdmin - Error Cannot start session without errors, please check errors given in your PHP and/or webserver log file and configure your PHP installation properly. Also ensure that cookies are ena…

Harbo1.5.2离线搭建

环境说明 操作系统版本&#xff1a;Centos7.5 docker版本&#xff1a;docker-ce 17.03.2 harbor版本&#xff1a;v1.5.2 docker-compose: 1.22.0 基础环境搭建 系统优化 CentOS关闭selinux sudo sed -i s/SELINUXenforcing/SELINUXdisabled/g /etc/selinux/configsetenforce 0…

数据结构——二叉链表创建二叉树(C语言版)

摘自&#xff1a;数据结构——二叉链表创建二叉树&#xff08;C语言版&#xff09; 作者&#xff1a;正弦定理 发布时间&#xff1a;2020-12-08 15:36:21 网址&#xff1a;https://blog.csdn.net/chinesekobe/article/details/110873792 数据结构——二叉链表创建二叉树 一、思…

pca图解读_干货!手把手一步一步解读PCA分析,逃学博士尽力了!

01 引言之前发了几篇文章关于矩阵中 特征向量和PCA主元分析的文章&#xff0c;大家反响不错。当时并没有涉及到数学运算&#xff0c;只是大概讲了讲原理。这篇文章我们一起来一步一步解读PCA的计算过程如何用Python实现PCA分析准备就绪02 第一步&#xff1a;数据获取第一步&…

中南月赛 1313: ZZY的宠物

1313: ZZY的宠物 Time Limit: 2 Sec Memory Limit: 128 MBSubmit: 114 Solved: 59[Submit][Status][Web Board]Description ZZY领养了一对刚刚出生的不知名小宠物..巨萌巨可爱!!...小宠物的生命为5个单位时间并且不会在中间出意外翘辫子(如: 从0出生能活到5但活不到6)..小宠物…