免费实用的录屏工具!支持全屏、特定窗口、选定区域录制,支持添加水印、嵌入摄像头!

哈喽大家好,我是菌菌~

在线授课、游戏录制、视频编辑、网上会议……现如今,视频录制非常火爆,一款好用的视频录制工具自然必不可少。

今天,菌菌就给大家分享3款免费又好用的电脑录屏工具,一起来看看吧!

win10自带录屏工具Xbox

使用win+G组合快捷键即可快速打开Xbox录屏工具栏,使用win+Alt+R,可以开始/停止录制视频,也可以点击屏幕按钮进行开始或停止。

无需启动任何软件,一个快捷键就能随开随用,就是这么便捷,录制的视频质量也是相当的清晰。

点击“图库”,可以查看所录制的视频,如下图:

在这里插入图片描述

录制后的视频默认保存在电脑的“用户->视频->捕获”文件夹下,你也可以将“捕获”文件夹移动到电脑上的任意位置,windows会继续将录制内容保存在该文件夹中。

首次使用,要确保在“设置->游戏”中开启功能按钮哦。

不过,Xbox虽然便捷&#

  • 10
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
实现方式有很多种,以下是其中一种: 1. 在 HTML 中添加一个全屏的 div 元素,设置其 z-index 属性为最大值,使其覆盖在页面所有元素上。 2. 在这个 div 元素中添加一个 canvas 元素,设置其宽高为全屏,用于绘制水印。 3. 在 JavaScript 中编写绘制水印的代码,将水印绘制在 canvas 上。 4. 将 canvas 转化为 base64 编码的图片,并将其设置为 div 元素的背景图,从而实现全屏添加水印的效果。 以下是代码示例: HTML 代码: ```html <div id="watermark"> <canvas id="watermark-canvas"></canvas> </div> ``` CSS 代码: ```css #watermark { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none; /* 防止水印影响用户操作 */ } #watermark-canvas { width: 100%; height: 100%; } ``` JavaScript 代码: ```javascript const canvas = document.getElementById('watermark-canvas'); const ctx = canvas.getContext('2d'); // 绘制水印文本 ctx.font = '20px sans-serif'; ctx.fillStyle = 'rgba(0, 0, 0, 0.1)'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText('Watermark', canvas.width / 2, canvas.height / 2); // 将 canvas 转化为 base64 编码的图片 const dataURL = canvas.toDataURL(); // 将 base64 编码的图片设置为 div 元素的背景图 const watermark = document.getElementById('watermark'); watermark.style.backgroundImage = `url(${dataURL})`; ``` 这样就可以在页面中添加一个全屏水印了。
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值