jquery实现截取pc图片_如何优雅的对网页截取长图
苏生不惑第115 篇原创文章,将本公众号设为
星标
,第一时间看最新文章。
最近写文章想截个长图,才发现一直使用的QQ早有这个功能了,这里就整理几个pc上网页长截图的方案。
qq滚动截图
qq截图应该很多人用过,我平常挂qq也只是为了方便使用截图,但你可能没怎么用过qq滚动截图,具体看官方网站说明 https://kf.qq.com/faq/190624amau22190624ArMrE7.html,看我用软件gifcam 录制的GIF操作。
点击长截图后往下滚动,截图效果:
除了滚动截图qq还有屏幕识图(就是ocr了)。
识图效果还行,就是不方便复制,还是天若ocr软件更好用点。
顺便说下怎么用 QQ 截图右键菜单 ,这个在之前的文章说过那些你可能不知道的网络冷知识奇技淫巧,先按住alt+ctrl再单击右键就可以用QQ对右键菜单截图了。
FireShot
这是个Chrome扩展https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg,能捕捉网页截图,编辑并将它们保存为PDF,JPEG,GIF,PNG或BMP ,安装 Chrome扩展见文章上不了谷歌如何安装 Chrome 扩展?
这里打开上不了谷歌如何安装 Chrome 扩展?这篇文章,选择捕捉选定区域。
然后复制截取的长图。
FastStone
FastStone Capture 是一款体积小巧、功能强大、简单易用的屏幕捕捉工具,集屏幕截图、图像编辑、视频录制功能于一身。
点击捕获滚动窗口,然后滚动鼠标下滑,按esc停止 ,选中要截取的范围。
生成的长图效果跟QQ差不多。
如果不想使用软件其实谷歌浏览器就自带截图功能。
浏览器控制台
按F12打开控制台,然后 Ctrl+Shift+P 输入Capture full size screenshot
这样会截取整个网页,如果想截取网页的一部分,选中截取的元素后 Ctrl+Shift+P
再输入 Capture node screenshot
截图
最后说一个微信上拼接图片的方法,打开 我 - 收藏 ,点击右上角的 + ,这是微信自带的笔记功能,上传你要拼接的多张图片。
保存为图片后就将多张图片拼成一张了。
总结下,如果想简单点使用QQ就行了,想对截取的长图再操作推荐软件FastStone 。
推荐历史文章:
如何发一条空白的朋友圈
2019 年公众号 苏生不惑 近百篇原创文章整理
那些有意思的谷歌/百度搜索彩蛋
如何备份可能被删的公众号文章和网页
bilibili(b站)升级到BV号了,还想用av号怎么办
那些好玩的生成器网站
2020 年 3 月最新加速下载百度网盘文件方法
关于 苏生不惑 公众号
那些你可能不知道的网络冷知识奇技淫巧
免费知识星球,每天更新
公众号 苏生不惑
jquery实现截取pc图片_如何优雅的对网页截取长图相关推荐
- jquery实现截取pc图片_[置顶] JQuery在线截取图片
JQuery在线截取图片 ASP.NET结构开发 1.在线截取 前几天看织梦CMS,有个截图功能挺好的,可以在线选取需要截取的部分图片,然后后台截取 2.开始正文 首先构建文档,样式 JQuery截取 ...
- jquery实现截取pc图片_Cropper.js 实现裁剪图片并上传(PC端)
由于之前做项目的时候有需求是需要实现裁剪图片来做头像并上传到服务器,所以上网查询了很多资料,也试用了许多案例,发现cropper插件裁剪是比较完善的,所以结合之前的使用情况,编写了此案例.本案例是参考 ...
- jquery实现截取pc图片_jquery 上传图片自由截取
为了使用户能自定义个人头像,需要提供一个对上传图片的截图功能,当前很多网站特别是SNS类网站都提供这样的功能,非常实用.本文主要是利用jQuery的imgAreaSelect插件实现. 首先引入三个文 ...
- 屏幕截图如何截取高像素图片_如何截取整个网页的屏幕截图
屏幕截图如何截取高像素图片 A simple screenshot is great for capturing what's immediately visible on your monitor, ...
- layui的轮播图片自适应大小_如何使用LayUI实现网页轮播图
详细内容 本篇文章介绍了使用LayUI实现网页轮播图的方法,具有一定的参考价值,希望对学习Layui的朋友有帮助!想要用layui写出来轮播图,需要先下载layui的文档,下载到电脑上就可以了,随便保 ...
- python壁纸高清图片_详解Python静态网页爬取获取高清壁纸
前言 在设计爬虫项目的时候,首先要在脑内明确人工浏览页面获得图片时的步骤 一般地,我们去网上批量打开壁纸的时候一般操作如下: 1.打开壁纸网页 2.单击壁纸图(打开指定壁纸的页面) 3.选择分辨率(我 ...
- Win10电脑如何截取网页连续长图?
有时我们在工作演示时会需要截取网页上的图片,不过简单的截图可以,但如果需要截取超过屏幕大小的整个网页,你是不是就有些束手无策了.虽然拼接图片也是种方法,但毕竟还是不方便,下面 好系统重装助手 就教你在 ...
- jquery实现截取pc图片_jquery 图片截取工具jquery.imagecropper.js
除了jquery,本插件还引用了UI库,包括ui.draggable.js ImageCropper 演示需要asp.net支持.测试通过 ImageCropper 下载 https://www.jb ...
- jquery实现截取pc图片_jquery实现图片裁剪思路及实现
思路:JS,jquery不能实现图片的裁剪,只是显示了一个假象 我的实现的方式大体如下: 1.将用户选中的图片上传到服务器 2.将选中头像的矩形框在图片上的坐标发送到服务器,包括,矩形框的宽,高,左上 ...
最新文章
- Android SurfaceView 黑背景的处理方法
- 从volatile解读ConcurrentHashMap(jdk1.6.0)无锁读
- JavaScript中的递归
- arduino开发ESP8266配置方法,入门必看,esp8266开发板库离线安装包package2.7.1
- 佛缘——宝华山隆昌寺之行
- 下面可提供安全电子邮件服务的是()【最全!最详细解析!!】
- java 正则表达式 Matcher
- ZOJ 1203[Swordfish]
- java 输入流详解_java输入输出流详解
- 通过InstallShield官网申请注册码
- 人工智能认知技术,在各行业的应用介绍
- When Does Self-Supervision Help Graph Convolutional Networks?
- 通过fileProvider接收外部App传递文件路径的一些坑
- 网易互娱2022校园招聘在线笔试-游戏研发工程师(第一批)
- 威联通[vNAS內置虚拟机]体验评测 让企业实现无限可能
- 视频直播系统源码,平台在日间和夜间模式之间来回切换
- P14-Vue-supermall项目-BetterScroll滚动插件基本使用
- Arrays.aslist新建的list集合不能add()、remove()你知道吗?
- 前端开发-后台信息管理页面的开发流程
- 如果你来投票决定百度的生死,你会如何抉择?
热门文章
- 第八次作业——系统设计与团队分配(个人)
- linux删除之前的文件日志
- c++单链表【构造函数、运算符重载、析构函数、增删查改等】
- C# 遍历List 并删除某个元素
- python之获取微信服务器的ip地址
- 如何修改myeclipse中web项目的工作路径或默认路径
- 虚拟机安装与概述(3)
- 编译apache过程中出现如下错误及解决办法
- sudo rosdep init ERROR: cannot download default sources list from: https://raw.githubusercontent.com
- VS2008下最新X264(svn 2009.0216)编译不过的解决办法(附编译通过+修改内存泄露版本)