首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Win10: 在截图中添加红框

文章背景: 在工作中,很多时候需要用到Win10原生的截图工具,然后在截图中添加红框进行强调。...对于Win10系统,可以通过按Windows 徽标键‌+ Shift+ S,快速调出截图工具,但无法在截图中添加红框,需要借助画图工具进行实现。...具体的操作步骤如下: (1)通过按Windows 徽标键‌+ Shift+ S,快速调出截图工具,选定区域进行截图截图会自动保存到剪贴板。...(3)在画图工具中,按Ctrl + V,将刚才的截图粘贴到画布内。 (4)在工具栏中选择矩形框,并选择好合适的线条和颜色。通过鼠标在截图的指定位置拖出一个红框。此时,您就在截图上加上了红色框。...A1%86%E6%9C%80%E7%AE%80%E5%8D%95%E6%96%B9%E6%B3%95) [2] 如何使用Win10原生的截图工具Snipping Tool(https://blog.51cto.com

5.8K30
您找到你想要的搜索结果了吗?
是的
没有找到

Win10原生快捷键截图以及编辑

但是如果你要截取某个区域,那么只能通过”截图工具“实现第三方程序实现了。但是,在最近的Win10更新以后,不用第三方程序也能实现这个功能。注意,目前只有1809版本才支持这个功能。...至于大多数人的电脑,很不幸的告诉你,还是1803版本,想体验就去升级吧,至于怎么升级,不会的话,百度等搜索引擎能帮你快速找到你要的。...这个截图功能的使用方法如下 (一)、快捷键 按下Win+Shift+s 组合快捷键即可,如果你的键盘是全键盘,那么你也可以设置只需要按PrtScn键就可以开启截图。...具体在设置->轻松使用->键盘->屏幕截图快捷方式中开启使用PrtScn按键打开屏幕截图。 (二)、桌面右下角通知菜单 在桌面右下角通知菜单中多了屏幕截图选项,点击即可使用。...开始使用 开启截图后,有三个截图选项,分别是矩形剪辑、任意形状剪辑和全屏剪辑,根据自己的需要选择就好了。

1.3K10

带你快速实现前端截图

导语 | 本文将介绍在前端开发中页面截图的两种方式,包括对其实现原理和使用方式进行详细阐述,希望能为更多前端开发者提供一些经验和帮助。...一、 背景 页面截图功能在前端开发中,特别是营销场景相关的需求中, 是比较常见的。比如截屏分享,相对于普通的链接分享,截屏分享具有更丰富的展示、更多的信息承载等优势。...二、相关技术 前端要实现页面截图的功能,现在比较常见的方式是使用开源的截图npm库,一般使用比较多的npm库有以下两个: dom-to-image:  https://github.com/tsayen...五、 常见问题总结 在使用html2canvas的过程中,会有一些常见的问题和坑,总结如下: (一)截图不全 要解决这个问题,只需要在截图之前将页面滚动到顶部即可: document.documentElement.scrollTop...参考资料: 1.dom-to-image原理 2.html2image原理简述 3.浏览器端网页截图方案详解 4.html2canvas 5.html2canvas实现浏览器截图的原理(包含源码分析的通用方法

3.6K21

怎样保持下拉菜单并截图?如何快速截图二级菜单?

就像上面这样的截图你知道要怎么截吗?...我也是研究了半天才试出来,上次想这样截没弄好最后放弃了 浏览器快捷键截图 打开浏览器,点击截图下拉菜单,会发现浏览器自带截图快捷键,大部分是“Ctrl+Shift+X”。...(不过我没试过这种方法,Google Chrome和火狐我都试了好像都不行,我最后还是用的QQ截图) 也就是说,只要按住“Ctrl+Shift+X”,就可以实现任意截图。...QQ截图 QQ截图步骤可能相对比较繁琐,但介于有时候聊天需求,笔者也跟大家分享下自己学的方法吧。...(因为笔者设置的快捷键是“Ctrl+Alt+A”).这时鼠标指针就变成彩色,可以截图了。 5.值得注意的一点是,这种截图方式,如果要把图片加到聊天窗口里,截图后,要再按一次“Ctrl+V”,复制进去。

2K20

浅谈两种前端截图方式:Canvas截图 vs SVG截图

背景 如今很多网站都引入截图功能,可用于问题反馈、内容分享等实用需求,而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式,虽然有些局限,但是也能应付大部分项目需求。...Canvas截图:html2canvas SVG截图:rasterizehtml 原理 首先来谈下两种前端截图方式的原理,虽然实现方式不太一致,但是核心思想是相同的。...限制 虽然两种前端截图方式都有这两个封装得比较完善的第三方库html2canvas和rasterizehtml,但是由于在转换过程中存在一些自身的局限性,所以也导致截图可能出现一些不完美的问题。...,请重新尝试")); }); 另外还有几点需要注意一下: 使用Canvas截图兼容低版本浏览器时,不能使用CSS3属性和带有前缀的属性 使用SVG截图可获取同域内容进行渲染 截图不能包含跨域获取的内容...,否则不会渲染跨域内容 总结 浅谈两种前端截图方式就到此为止啦,相信小伙伴们对前端截图也有一个比较清晰的概念了,可结合自身项目尝试一下两种前端截图方式,探究下其相同点和不同点。

11.8K50
领券