第 3 步 / 导出图片
导出方式
合并成一张
每台设备各一张
{{ d.name }}
画面大小{{ cfg.sizeMode === 'content' ? '跟着画面走' : '自己定尺寸' }}
跟着画面走
自己定尺寸
画布刚好包住三台设备，不多留空白。
按下面填的宽高排版，内容会等比缩放到里面，边上可能有留白。
清晰度{{ qualityLabel }}
1× 标准
2× 高清
3× 超清
推荐。点导出后两边面板会收起来、让预览铺满整个浏览器窗口再拍，
拍完自动恢复。1× 时画布一屏就装得下，所以中间不会有翻动。
为了把图放大到窗口的 {{ cfg.quality === '3x' ? '3' : '2' }} 倍，
导出时会先把两边面板收起来、再把画面分成几块逐块拍，
所以中间会有短暂的翻动（导完自动恢复）。
图里的文字会比 1× 更锐利，倍数越高越慢。
截图前暂停网页动画含轮播 / 计时器 / 视频，拍完自动恢复
有设备是直接嵌入的（跨域）。浏览器不允许本工具进入别的网站的页面去动它的定时器，
所以导出时本工具会先让服务器把网页取回来、重渲染一遍再拍 —— 同源了才能暂停动画，
拍完立刻还原成原来的直连页面。
如果服务器取不回这个网页，或者重渲染出来的效果和直连差别太大，会自动回退成直连，
那次导出就不暂停动画（会提示你）。
拍摄前会把网页里正在跑的动画（CSS 动画、JS 轮播定时器、视频）全部按住，
等拍完再放开 —— 脚本本身不会被禁用。超清要分几块拍，不按住的话轮播一滚各块就对不齐了。
已关闭。网页里正在动的轮播 / 动画会被逐块拍进超清图，各块位置可能对不齐；
透明背景也可能出现轻微重影。建议打开。
改用服务器中转（可暂停动画）
预计图片尺寸
{{ expectSize.w }} × {{ expectSize.h }} px
就是{{ cfg.customW }} × {{ cfg.customH }} 再乘清晰度倍数（{{ cfg.quality === '3x' ? 3 : cfg.quality === '2x' ? 2 : 1 }}×）——
导出的图严格是这个尺寸。
「内容自适应」时画布会长到刚好铺满整个浏览器窗口，
所以这是「铺满之后」的尺寸再乘清晰度倍数。窗口开得越大，导出的图越大。
背景
背景颜色
深色
亮色
透明
自定义
{{ cfg.bgColor }}
导出的是真正的透明背景，可以直接放到别的图上。
这块底色要连拍「黑底 + 白底」两帧合成，网页里正在动的地方（轮播、视频、跑马灯）
可能会留下一点重影 —— 工具会自动重拍，实在拍不干净会提醒你换成深色或亮色背景。
画面上写点什么
顶部大标题显示在画布最上方
设备名称标签可用 {name} {w} {h}
浏览器地址栏浏览器外框里显示网址
分辨率角标在设备角上标出尺寸
底部小字
导出时间
署名标记右下角显示 TRIFRAME
设备投影关掉画面更干净
排版
水平对齐{{ cfg.alignMode === 'group' ? '整体居中' : '电脑端居中' }}
三台整体居中
电脑端居中
整体居中：左右留白一样多，看起来最整齐（推荐）。电脑端居中：电脑端正中间，但一侧会多出空白。
导出说明
导出的是屏幕上看到的画面，和预览一模一样。
点导出后浏览器会问你要共享哪个画面，请选「此标签页」再点「分享」；
接着两边的面板会滑走、预览铺满整个窗口，拍完自动恢复原样。