【小花仙】提供一个比较复杂但是可以截全身的截高清图的方法(重新整理)

本文详细介绍了如何利用Chrome或Chromium的开发者工具,避开Flash限制,通过JavaScript控制Flash游戏画面缩放并获取高清截图,适合有一定JavaScript基础的开发者和想要提高截图质量的用户。
摘要由CSDN通过智能技术生成

【小花仙】提供一个比较复杂但是可以截全身的截高清图的方法

高能预警:此法需要一定的JavaScript基础!不会的建议先恶补点JS基础知识再来阅读。这方法如果掌握好了比浏览器缩放要方便的多。

这是鄙人又摸索出来的一套解决方案,通过Chrome或Chromium的F12工具来截取高清截图。正如鄙人此前在CSDN发布的笔记一样,Chrome在62版本之后就已经原生支持了截取指定HTML节点的截图以及截取实际像素的截图,国产浏览器只要不是太老的版本应该都是可以支持的。之前那个通过RDP远程桌面截图的方式实在太过于麻烦,鄙人现在这一套方法比使用远程桌面要简单不少。

2020年底之后Chrome和Chromium浏览器将停止对Flash的支持,但是不排除一些国产浏览器会继续支持Flash,所以可能还是需要使用国产浏览器来进行操作。国产浏览器启用Flash方法请看鄙人前段时间在本吧发的那个关于Flash停止支持的解决方案。

前往http://hua.61.com/Client.swf?t=4561654354(随便输入一串数字,空格换成点)。国产浏览器大都能直接显示,但是Edge和Chrome不能直接打开,他会变成文件下载。鄙人曾经开发过一个扩展可以让浏览器直接播放本地SWF或远程的SWF的URL。但是在试图向微软的浏览器扩展商店投稿时被审核退回了。。。所以建议大家使用国产浏览器来操作。

把F12开发人员工具打开,不同的浏览器操作方式可能不一样,鄙人的星愿浏览器是顶部菜单按钮-更多工具-开发人员工具。建议先切换成拆分窗口的模式,在出现的侧边栏右上角点击三个点的按钮,然后第一行的显示模式Dock Side点击第一个按钮,就变成拆分窗口的模式了。在这里插入图片描述

然后点击左上角第二个图标打开设备模式。点击网页上边选择设备的下拉框选编辑(Edit)。点击添加自定义设备(Add custom device)。先添加一个稍微低一点的分辨率设备,比例确保是一致的,例如360 640(9:16的宽高比)。设备名称(Device Name)随便输入,然后尺寸我们用360 640。设备像素比(Device pixel ratio)不用管,用户戴笠字符串(User agent string)也不用管,设备类型选桌面(Desktop)。点击添加(Add)。此举是为了在放大画面的时候减少卡顿,因为如果直接使用高分辨率的话整个操作会变的异常卡顿。然后再添加一个高分辨率的设备。设备名称(Device Name)随便输入,然后尺寸我们用3840 2160。当然你也可以尝试8K的7680 4320,但是8K分辨率在放大到400%或以上的倍率的时候有可能会出现贴图显示不完整的问题,所以使用8K分辨率的时候建议不要达到400%。设备像素比、用户戴笠字符串、设备类型和前一个设备一样。然后在网页上边的选择设备的下拉框选择我们刚刚添加的较低分辨率的设备。在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
刷新一下页面(F5可能是失效的,因为此时输入焦点可能在Flash里面,建议使用鼠标点击浏览器的刷新按钮来刷新)。然后登录账号,把你要截图的画面或者玩家面板打开。这个时候就开始敲JS代码了!

在这里插入图片描述

使用形如document.getElementsByTagName("embed")[0].Zoom(25)这样的语句就可以直接让游戏画面缩放到指定的倍率(Zoom是Flash组件的原生方法,相当于右键菜单的放大和缩小,但是这个可以指定任意的倍率),其中最后的参数填写放大倍率的倒数乘以100,例如放大4倍就填25,1/4*100=25。

切回开发人员工具,在开发人员工具里面打开Console,然后输入这个JS语句回车。可以按上方向键重新打出这个语句然后调整倍率再回车(注意这个之后输入的倍率是按照前一次缩放之后的倍率来指定的相对的倍率),直到倍率满意为止。然后右键菜单,设置,直接点击关闭,鼠标不要动,此时鼠标光标会变成拖动手形的图案,按住左键来拖动视野对准要截图的区域。区域对准好了之后,在网页上边的选择设备的下拉框选择我们之后添加的较高分辨率的设备。在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

回到开发人员工具。点击右上角三个点的按钮,选择运行命令(Run Command),或者也可以按快捷键Ctrl+Shift+P,然后就会呼出一个神秘菜单。我们在这个菜单输入"Capture screenshot",当然不需要全部输入他自己就能显示出来。看到这个选项之后用鼠标或者用键盘移动光标回车选择这个选项,一张全身的高清截图就出来了。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值