直播叠加层制作器
仅用于本地设计:固定 1920×1080 透明 HTML/CSS 布局,最多 16 个画框占位、标签或面板。点击图层或使用选择器,再编辑位置、尺寸、标题、文本、颜色、边框和不透明度。新图层位于旧图层上方,文本按框裁切。不提供拖拽、摄像头/视频采集、直播提醒、平台连接或部署。下载的独立 HTML 不含脚本或外部素材。应用不上传或保存输入,仅按用户请求下载文件。 PNG 根据图层直接绘制到透明 1920×1080 Canvas,不是 HTML 截图栅格化。文本按 Unicode 码点换行,Tab 转为四个空格;行断点和字体布局可能与 HTML 预览不同。
仅用于本地设计:固定 1920×1080 透明 HTML/CSS 布局,最多 16 个画框占位、标签或面板。点击图层或使用选择器,再编辑位置、尺寸、标题、文本、颜色、边框和不透明度。新图层位于旧图层上方,文本按框裁切。不提供拖拽、摄像头/视频采集、直播提醒、平台连接或部署。下载的独立 HTML 不含脚本或外部素材。应用不上传或保存输入,仅按用户请求下载文件。
限制:宽度 40–1920、高度 40–1080、字号 12–100、边框 0–20 像素、不透明度 0–100。棋盘格和选中轮廓仅在预览显示。预览会缩放,导出保留固定像素尺寸。
PNG 根据图层直接绘制到透明 1920×1080 Canvas,不是 HTML 截图栅格化。文本按 Unicode 码点换行,Tab 转为四个空格;行断点和字体布局可能与 HTML 预览不同。
添加一个图层开始。
使用步骤
如何使用
- 添加画框占位、文字标签或信息面板。
- 选择图层,编辑受限的位置、文本和外观。
- 下载独立 HTML/CSS 叠加层,在你选择的环境中自行检查。
图层设置
仅用于本地设计:固定 1920×1080 透明 HTML/CSS 布局,最多 16 个画框占位、标签或面板。点击图层或使用选择器,再编辑位置、尺寸、标题、文本、颜色、边框和不透明度。新图层位于旧图层上方,文本按框裁切。不提供拖拽、摄像头/视频采集、直播提醒、平台连接或部署。下载的独立 HTML 不含脚本或外部素材。应用不上传或保存输入,仅按用户请求下载文件。
布局预览
限制:宽度 40–1920、高度 40–1080、字号 12–100、边框 0–20 像素、不透明度 0–100。棋盘格和选中轮廓仅在预览显示。预览会缩放,导出保留固定像素尺寸。
下载透明 PNG
PNG 根据图层直接绘制到透明 1920×1080 Canvas,不是 HTML 截图栅格化。文本按 Unicode 码点换行,Tab 转为四个空格;行断点和字体布局可能与 HTML 预览不同。
常见问题
你可能还想知道
导出内容包含实时提醒或平台连接吗?
不包含。这是静态布局,没有实时内容、平台连接或部署功能。
PNG 如何生成?
它根据图层绘制到透明的 1920×1080 画布上,并非从 HTML 预览截图生成。