html2canvas截图页面中某块区域的图不全_截图软件Snipaste、Faststone|软件推荐&使用指引P2...

Windows

在手机上,我们可以很方便的使用系统自带的软件、图库截图并编辑,可惜的是,在电脑上仅仅进行这样的操作不太能满足我们更多样的需求。为了方便的给截图贴上数字标记(例如①)、制作简单的教程图片,我找到了Snipaste和Faststone Capture这两款软件,在这里推荐给大家。

首先,星期天想针对使用低性能电脑或不想安装软件的用户,大概说明一下利用windows自带的截图,这应该可以满足基本的需求。

我不想另外安装软件,如何截屏?

看到键盘上的 PrtSc (或 PrintScreen )按键了吗?是的,这就是截屏按键。当你只按下 PrtSc 时,windows会复制当前屏幕的全屏截图到剪贴板,你可以在 画图 软件中对其进行编辑。

ab14f7246b5cce434c7045a7d79f5352.png

上图图片来源:https://pic.baike.soso.com/ugc/baikepic2/2260/20200619070057-267577647_jpeg_361_243_12852.jpg/0

473a8a7b9242095b3d2216c831125a36.png

类似的,你也可以使用一下组合键来获取更多范围的截屏。

按下 Alt  + PrtSc 组合键 ,将复制目前聚焦的窗口截屏。

在windows10下,你也可以…

  • 使用 win + PrtSc 直接截取全屏并保存。

  • 使用 win + alt + PrtSc 截取目前被聚焦的窗口

另外,要说明的是:

  • 截图文件的保存位置为:C:\Users\[用户名]\Pictures\屏幕截图

开始本期的介绍吧

我们使用截屏往往还需要编辑、查看,这里推荐的两款软件在这方面给你带来挺大的帮助。下面,我们就开始吧。

下载和安装

本文包括的所有链接/网址在星期天(本文作者)发布时是可以访问的、未发现明显异常的。

星期天不为您从网站上浏览、下载以及其他操作所导致的后果承担责任。

您应该时刻注意确定链接/网站/下载的文件是否可信,不轻信他人所谓的“保证”“认证”,即便这是您朋友发送的链接/文件。

Snipaste

下载https://zh.snipaste.com/

类似于Ditto,这个截屏软件在MicrosoftStore也有一个版本。我个人推荐使用win10的用户直接到MsStore(MicrosoStore---windows10下打开开始菜单直接搜索即可)下载Snipaste。

要注意的是,更多的功能在商店版中,并且这部分功能涵盖在专业版的付费中,需要在应用商店内购。

当然,付费与否是自愿的,不需要购买也可以享受许多基本功能了。

如果需要更多的功能或者要用于商业目的,还是需要购买专业版的,大概是100块钱(每个用户)。

如果你下载的是windows桌面版,这个应用是免安装的,直接解压出来就可以运行。

FaststoneCapture

下载https://www.faststonecapture.cn/,

星期天无法判断此网站是否为官方网站,这里只是贴出搜索引擎的第一结果,请确认可信后浏览

当然啦,这么好用的软件肯定是付费的,大概90块钱的样子。

通用下载方法

如果不想专门在网络上查找,你也可以在杀毒软件的软件管家中直接下载并安装这些软件。这种方法此后不再赘述。

Snipaste

特点

Snipaste的主要特点和它介绍的一样,截图和贴图

在许多情况下我们需要用截图来搜集资料,在整理时把他们放在一边。收集、整理的过程往往需要打开多个窗口,而贴图可以很方便的把搜集到的资料以置顶截图的形式放在桌面上、便于之后的查看。

你可能需要的设置

首先,我们还是需要打开设置页面的,按照如下的操作即可:任务栏->找到Snipaste的图标0bbe4608de7ccb8d66015ddce94bcb5a.png->点击“首选项...”。

这里列出一些星期天推荐的设置项目,你可以根据情况配置。

  • 开机启动:
    低性能电脑请关闭开机自启。819fc6efa7de91253b77d604ecba5761.png

  • 截屏历史记录:
    一不小心删除了自己上次的截屏,还是可以恢复出来的。在这里可以设置历史记录保存上限。499f8ac42b136a705e1431da6c20f86f.png

如何查看截屏历史记录?

按下截屏快捷键(默认快捷键是 F1 )

按键盘上的, (逗号)、 . (句点)(它们在键盘M的右侧),按下 , 回溯上一次截屏结果,按下 . 则回溯下一次截屏结果。

按下 R 或 Shift + R 回溯上一次(或后一次)截屏的区域。

尝试使用

基本的使用方法

如果未修改过快捷键,那么  F1 对应截屏, F3 对应贴图。

在任何时候,点击 F1 ,用鼠标拖拽即可截图,选定区域后,直接按下 F3 (或 ctrl + T )就可以把截图贴到屏幕上。

截图中的编辑

  • 按下 ` 或 ! 来显示或隐藏鼠标指针,如果确定以后都不需要截取鼠标指针,在设置中关闭(据说)可以加快截屏速度(任务栏中找到0bbe4608de7ccb8d66015ddce94bcb5a.png->[首选项...]->[截屏]选项卡->[行为]->勾选[完全禁用]。

  • 图画、框选,你可以在选定截图区域后的工具栏中找到。ce646ae0ecc11937c514d3db7b3f31c7.png

  • 调节笔画(画笔)粗细,可以使用鼠标滚轮、小键盘 1  2 调节。

  • 调节文字的大小,需要在下图的位置拖拽鼠标。9e8afded0c77ba32d5bd012d9b1989c8.png

其他操作

  • 你知道吗?如同ditto有剪贴板组一样,Snipaste也有自己的贴图组,你可以通过 ctrl + F3 切换贴图组,不过,新建贴图组还是需要在通知栏0bbe4608de7ccb8d66015ddce94bcb5a.png->贴图->创建新组来完成。

  • 隐藏所有贴图:Shift + F3 。

  • 区分贴图的“关闭”和“销毁”:
    关闭:暂时关闭这个贴图,下一次可以通过 F3 重新显示贴图;
    销毁:关闭并删除这个贴图。

不足

  • 对于免费版的用户,对截屏的编辑一旦生效,无法修改,只可以撤销编辑;(有兴趣的可以上专业版哦)

  • 大量的贴图占用(显示)空间,缩小后文字又看不清……

FaststoneCapture

特点

  • 支持更为多样的编辑操作(部分编辑层级较深,无法快速打开使用)。

  • 支持录屏。再也不用找录屏软件了。

  • 功能强大,亦支持截长屏。

星期天推荐的设置

打开设置界面( F12 )

83861653d3b5cb9fbb7f928b8fb6a300.png

设置页面1工具栏

3b6854459ee6117ef6b9beb511e47687.png

  1. 开机时启动Faststone并最小化运行;

  2. 扩大图标的大小(便于高分屏看清);

  3. 当工具栏碰到屏幕顶端时自动隐藏(星期天极其讨厌这个设置,有的时候突然冒出来很烦);

  4. 按下[x]按钮时:最小化到系统托盘(而不是直接关闭);

设置界面2工具栏

55cc79f11d2714a890db82111ead8793.png

  1. (视情况可选)截屏时一并截屏鼠标指针;

  2. 截屏后自动复制到剪贴板;

尝试入门

认识界面

8d0434b82748d0535001a4d3f9a30597.png

  1. 截取活动窗口;

  2. 截取(鼠标目前所在的)窗口;(可以点击后调整,红框即为截取部分)

  3. 矩形区域截屏;

  4. 多边形区域截屏;

  5. 截取全屏;

  6. (自动/半自动)截长图;

  7. 截取指定大小的区域;

  8. 录屏;

  9. 延时截屏;

  10. 将截取到的内容输出到....;

  11. 设置、更多内容都在这里;

  12. 从文件导入。

部分操作说明
  1. 在(4)多边形区域截屏下,单击意味着多边形的一边选定完毕、开始选择下一边的终点,双击意味着结束框选;实际截屏结果并不是多边形的,是在能够包围多边形的最大矩形下、排除未框选部分的结果;

  2. 在(6)截长屏功能下,直接按下 鼠标左键 可以直接使用默认设置完成自动截屏,截屏区域可能因为网页或页面的缘故发生部分垂直页面重复(例如页面右侧的广告页始终出现,并且重复),这时您可以选择手动选定区域截屏,方法如下:
    1. 选择截长屏功能后,按下 ctrl 的同时使用鼠标左键单击拖拽选择截屏区域(你要纵向滚动截屏的区域);
    2. 接下来,将鼠标指向浏览器或页面的滚动栏下方的下箭头处(如下图所示),单击鼠标左键即可;d852782a494001201f956ff097e57efe.pngd627a3f8f88c5d413bdbd62cdbd68759.png3. 在任何时候,你可以按下 Esc 手动停止滚动截屏;需要注意的是:有时浏览器或页面编辑器的翻页会过快,导致截图缺失;也有可能翻页过慢,导致截图部分重复。这时请到[设置]->[Capture]->[Auto-Scroll Interval]处修改截图间隔。注意:这样的设置可能会因为浏览器的不同而设置不同的参数,频繁调节很麻烦22675185a6d9a4f18ced8f1edb38ee53.png

因为快捷键的设置对之后的操作说明有着较大的影响,因此接下来带你熟悉或重新设置快捷键。

自定义快捷键

  1. 打开设置(你可以按照上文提到的方法打开设置);

  2. 打开Hotkeys选项卡;

  3. 如需更改,用鼠标点击白框中的文字后,直接按下快捷键即可。

  4. 如需删除快捷键,点击文字后,按下 Del (或 Delete 键)即可。

在这里,我把ActiveWindow快捷键设置为与windows类似的快捷键。

之后的部分如无特殊说明,都基于以下快捷键,你也可以按照刚刚提到的方法修改为自己熟悉的快捷键。

b36523317799e3ec96a92bcb2a5f02e1.png

截屏

按照上图中的设置,你可以在FastStone开启的情况下,按下PrtSc截取全屏。

按下Alt+PrtSc截取目前的活动窗口。

默认情况下,他应该会自动打开编辑器页面,如果想把截图内容输出到不同位置(默认输出到Faststone自带的图片编辑器),请按照【认识界面-10】的提示找到图标。这里修改截屏后的默认操作,具体如下:

f548d47031ce030b21eae36962a33f79.png

  1. 输出到Faststone自带的编辑器;

  2. 输出到Faststone自带的画图工具(属于编辑器的一部分,但使用这个选项会跳过编辑器,直接进行绘图操作);

  3. 输出到剪贴板;

  4. 输出到文件;

  5. 输出到自动保存文件;

  6. 输出到打印机(打印截图);

  7. 作为Email附件发送;发送到word、excel、ppt等;

  8. 截图包括鼠标指针;

  9. 自动复制到剪贴板;

  10. 自动设置字幕;

  11. 自动加边/水印;

编辑

在编辑部分,我主要使用这些功能:

dd6f22ee5e942c04407fc3de84eb655d.png

Draw : 绘图(使用内置的部分图形绘图);

Caption:给图片加上字幕(就是在图片上部加入一块额外的空间插入你的输入);

Edge :设置图片的边缘;

Resize :重新调节图片大小;

SpotLight:聚光灯效果,只在选定区域内亮度正常;

Blur50:模糊(程度是50%),被我用来打码?;

Draw

355e45f900f407dc146a52bd1704104c.png

以 插入 字 为例:

8add08fc63bb80f733b10d46479e15e2.png

编辑区域如下图所示

826bec3a440793eaff68bdc3b31d22a3.png

文本设置如下所示

2135276e22def88145a3b3de645a0396.png

Caption

6d25e9e0d31aff2ebbdd184cb2af550f.png

Edge

971f31b01106ca4a62a1a61e8487fb69.png

Resize

6b5067120272a4c6bef9331a8f7d0ad5.png

Spotlight/Blur50

在使用鼠标框选区域之后点击直接应用聚光灯/模糊效果

录屏

界面

按照【认识界面-8】的提示可以打开录屏,等待一段时间的加载后,在右下角出现如下界面:

f3073138ffc4e4df701f25163c4f1bac.png

  1. 录屏范围设置:
    从上至下依次是:
    1. 对窗口录屏;
    2. 对矩形区域录屏;
    3. 指定大小的区域录屏(另外设置区域范围的像素宽高);
    4. 全屏(除了任务栏);
    5. 全屏;
    6.重复上次选择的区域;

  2. 录制音频选择;

  3. 选择音源ac92d9434e3e857645bffc7bf3ad1eaf.png
    从上至下依次是:
    1. 麦克风;
    2. 扬声器(电脑播放的声音);
    3. 麦克风和扬声器(电脑播放的声音和你说的话);

  4. 麦克风音源选择;

  5. 开始录屏;

  6. 编辑录屏文件;

  7. 设置。

星期天推荐的设置
  1. 默认的点击音量挺大,可能改过说话声,需要在【界面-7】[Options]->[Audio]->[Record mouse click sounds]中对点击音量进行控制,视情况关闭或调小音量;

907c66dd3ebd1259ecc67929b23715ae.png

  1. 放大(Zoom)(录屏过程中按下 F5 )比例调节:[Options]->[Video]->[Zoom Ratio];4b8ac0ef35a8af8021a594ed56e34040.png

  2. 高亮鼠标指针位置:[Options]->[Video]->[Highlight...];5fd945c0f6327a005c403f7f89b9b623.png

开始录屏

点击[Record]之后,会出现设置信息提示页,按下[Start]以开始录制:2c35c424a9f09d24efbe1c69dc40fc42.png

最上方粗体字是快捷键提示
    放大 F5 ——用以暂时放大指针所在的部分位置,便于录制更为精细的操作;

    录制暂停或继续——使用 ctrl + F10 组合键。

不足

  1. 不存在“基本功能免费”,试用期满后需要付费;

  2. (个人认为没有了,功能很强大)。

以上即是本文的主要内容。

软件推荐和简单教程计划第二弹(P2)已发布,如果有任何意见或建议,请在公众号内留言。如果你遇到一些有趣的问题,也可以在公众号内留言,让我也试试bd2e4e51f6d65654d0c07fd097aa92c1.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值