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:为了帮助同学们更好的通过高数期末考试,不挂科,我们最近正在加紧制作《高等数学》上册的期末复习冲刺课程,包含讲解视频和课程讲义。课程即将上线,敬请期待......…

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

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

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

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

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

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

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

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

数据结构——顺序栈和链式栈的简单实现和解析(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…

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

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

数据结构——二叉树根节点到特定节点路径(C语言版)

摘自&#xff1a;数据结构——二叉树根节点到特定节点路径&#xff08;C语言版&#xff09; 作者&#xff1a;正弦定理 发布时间&#xff1a;2020-12-10 21:09:43 网址&#xff1a;https://blog.csdn.net/chinesekobe/article/details/110991771 二叉树——根节点到特定节点路径…

实用插件_精选 10 个非常实用的 VS Code 插件

来源&#xff1a;Daan原文&#xff1a;https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发人员&#xff0c;你都会想让自己的开发工作尽可能轻…

数据结构——计算节点个数和二叉树高度(C语言版)

摘自&#xff1a;数据结构——计算节点个数和二叉树高度&#xff08;C语言版&#xff09; 作者&#xff1a;正弦定理 发布时间&#xff1a;2020-12-12 23:27:09 网址&#xff1a;https://blog.csdn.net/chinesekobe/article/details/111086664 数据结构——计算节点个数、二叉树…

写入接口c语言_PYNQ: 使用CFFI嵌入C语言

未经私信同意禁止转载&#xff01;前言CFFI是连接Python与c的桥梁&#xff0c;可实现在Python中调用c文件。CFFI为c语言的外部接口&#xff0c;在Python中使用该接口可以实现在Python中使用外部c文件的数据结构及函数。Python运行比较低&#xff0c;尤其是操作字节流的时候&…

Unity 协程原理探究与实现

目录 一、介绍二、迭代器三、原理四、总结一、介绍 协程Coroutine在Unity中一直扮演者重要的角色。可以实现简单的计时器、将耗时的操作拆分成几个步骤分散在每一帧去运行等等&#xff0c;用起来很是方便。 但是&#xff0c;在使用的过程中有没有思考过协程是怎么实现的&#x…

数据结构—无向图创建邻接矩阵、深度优先遍历和广度优先遍历(C语言版)

摘自&#xff1a;数据结构—无向图创建邻接矩阵、深度优先遍历和广度优先遍历&#xff08;C语言版&#xff09; 作者&#xff1a;正弦定理 发布时间&#xff1a;2020-12-19 17:25:49 网址&#xff1a;https://blog.csdn.net/zhuguanlin121/article/details/118436142 无向图创建…

android 图片识别白色区域进行裁剪_【研途技能贴】| 4款好用的图片处理软件推荐...

要考研啦4款好用的图片处理软件推荐01入门级作图神器——图怪兽一款会打字就能用的在线编辑器&#xff0c;80万模板任君挑选~无论是基础的旋转裁剪&#xff0c;还是难度进阶的抠图拼图&#xff0c;在这款软件里&#xff0c;你可以分分钟做出高大上的好图&#xff01;Use tips①…