Mac放大缩放屏幕功能使用方法

Apple 在macOS 中的辅助功能提供了许多不同的方式来自定义体验,所有这些都是为了让尽可能多的人使用Mac。在可用的工具中,最有用的工具之一是 Zoom,它可以放大显示。在这里插入图片描述启用缩放
默认情况下,macOS 中未启用缩放,用户需要在辅助功能菜单中启用它。在这里插入图片描述如何在 macOS 中启用缩放放大
▪单击菜单栏中的Apple 标志,然后选择System Preferences。
▪单击辅助功能。
▪在左侧栏中,选择Zoom。它将位于“愿景”部分下,靠近列表顶部。
▪勾选使用键盘快捷键缩放旁边的复选框。
▪或者,单击使用带有修饰键的滚动手势进行缩放。
▪启用后,该功能将立即可用。
▪要关闭这些功能,只需到达相同的菜单并取消选中相关框即可。
基本变焦控制
根据您选择的复选框,有两种主要方法可以开始使用 Zoom。
如果您选择启用键盘快捷键,则您可以使用三个命令:
▪按Control-Option-8打开和关闭缩放。
▪按Control-Option-=放大或增加放大倍数。
▪按Control-Option-Minus缩小或降低放大倍数。
如果您选择使用滚动手势,您可以从多个修饰键中选择按住以启用缩放,然后您可以使用鼠标滚轮或触控板上的单指垂直滚动手势更改放大倍数。
您可以从下拉框中自定义修饰键,可以使用 Control、Option 和 Command。虽然未标记,但您也可以在框中单击并按下多个修饰键以创建自定义快捷键组合。
缩放样式
共有三种 Zoom 样式可供选择,每种样式都有其优点和缺点。
全屏
选择全屏将放大整个屏幕,以光标为放大焦点。
在这里插入图片描述如果使用多台显示器,“选择显示器”选项将提供在 Mac 上当前活动显示器之间进行选择的功能。选择一个显示器意味着它将用于显示另一个屏幕的放大版本。
如果选择“全部”,则保留使用多台显示器,所有显示器都像一个屏幕一样放大,位于桌面上的某一点。
分屏
选择分屏将把主显示区分成两个区域,下部区域显示桌面,上部区域显示放大的屏幕,再次聚焦在光标上。在这里插入图片描述较低的桌面部分将上下滚动以充分利用桌面空间。
画中画
第三个选项比其他两个选项提供了高度局部化的放大率,因为它是一个矩形覆盖,跟随屏幕周围的光标。更改放大率仅影响覆盖矩形的缩放,而不影响整个显示。在这里插入图片描述对于偶尔的精细细节工作来说,这是一个非常有用的选项,例如在编辑文档时正确定位光标。
高级选项
Apple 在“高级选项”弹出窗口下提供了许多进一步的自定义设置,这里的许多项目可以更改所有三个 Zoom 版本,有些仅限于较少。
在外观下,顶部提供了放大屏幕图像如何移动的选项,用户可以将其设置为随指针连续移动,仅当指针到达放大部分的边缘时,并确保指针仍然相对靠近缩放图像的中心。在这里插入图片描述其他选项包括一些功能,例如在启动时恢复缩放级别、保持缩放窗口静止而不是四处移动、跟随键盘焦点以及平滑放大的图像。
也可以将放大部分设置为反转颜色。您甚至可以将屏幕设置为在缩放视图之外出现通知横幅时闪烁。
“调整大小和位置”按钮同时出现在分屏和画中画中,让您有机会在使用过程中更改放大屏幕的大小。在这里插入图片描述Controls 选项卡提供了额外的基于键盘和触控板的选项,包括使用键盘快捷键临时切换缩放的能力,按住另一个以临时将缩放视图与指针分离,甚至在全屏和画中画模式之间切换.
还可以启用键盘快捷键来调整缩放窗口大小并启用触控板手势来缩放和更改选项。
还提供了用于设置缩放范围的控件,即最大放大倍数和最小放大倍数。
悬停文本
虽然没有专门放大显示,缩放菜单还包括“启用悬停文本”选项。该功能无需启用缩放即可使用,用户可以按 Command 键暂时仅放大指针下的文本。在这里插入图片描述选项菜单提供了额外的个性化,包括将放大文本的大小更改为 14pt 和 128pt 之间的大小、字体、文本在光标周围的显示方式以及触发该功能的修饰键。在这里插入图片描述更多的颜色配置选项可用,包括文本颜色、插入点颜色、背景、边框和元素高亮。

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看READme.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 、 1资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看READmE.文件(md如有),本项目仅用作交流学习参考,请切勿用于商业用途。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。
你可以通过在`mounted`生命周期中监听鼠标滚轮事件,然后根据鼠标位置和缩放比例计算出视口的缩放中心点和缩放比例,最后使用`transform`样式对视口进行缩放。 以下是一个简单的实现示例: ```html <template> <div class="container" ref="container" @wheel="handleWheel"> <div class="content" ref="content"> <!-- your content here --> </div> </div> </template> <script> export default { mounted() { this.container = this.$refs.container; this.content = this.$refs.content; this.scale = 1; }, methods: { handleWheel(event) { const deltaX = event.deltaX; const deltaY = event.deltaY; const rect = this.container.getBoundingClientRect(); const containerX = event.clientX - rect.left; const containerY = event.clientY - rect.top; const oldScale = this.scale; const newScale = oldScale + deltaY / 100; this.scale = Math.max(1, Math.min(newScale, 5)); const scaleDelta = this.scale - oldScale; const offsetX = containerX * scaleDelta; const offsetY = containerY * scaleDelta; this.content.style.transformOrigin = `${containerX}px ${containerY}px`; this.content.style.transform = `scale(${this.scale}) translate(${offsetX}px, ${offsetY}px)`; }, }, }; </script> <style scoped> .container { width: 100%; height: 100%; overflow: auto; } .content { transform-origin: 0 0; } </style> ``` 解释一下代码: - 在`mounted`生命周期中获取容器和内容的引用,并初始化缩放比例为1。 - 在`handleWheel`方法中获取鼠标滚动的偏移量和容器相对于文档的位置,计算出缩放中心点和缩放比例。 - 根据缩放比例和中心点计算出内容偏移量,并将缩放和偏移应用到内容上。 需要注意的是,这个实现仅支持在容器内部进行缩放,如果需要支持在任意位置进行缩放,需要对容器的滚动条进行处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值