画布设置

画布是大屏设计的基础容器。合理设置画布有助于确保大屏在不同分辨率和展示环境下效果统一,并提升整体美观度和易用性。


画布设置入口

  • 在大屏编辑器中,选中 画布(点击非组件的空白区域选择),右侧属性面板将显示 画布设置 相关内容。
  • 主要包含:尺寸设置、背景设置、适配方式、滤镜效果、主题设置

1. 尺寸设置

image-20250909112634740

  • 常见分辨率预设:提供多种常见屏幕分辨率(如 1920×1080、2560×1440、3840×2160 等),方便快速选择。
  • 自定义尺寸:支持手动输入宽度和高度的像素值,以满足特殊场景需求。
  • 建议
    • 室内大屏常用分辨率:1920×1080;
    • 超大 LED 屏:3840×2160 或更高;
    • 若用于多端适配,建议根据目标设备实际分辨率进行设置。

2. 背景设置

image-20250909112619286

  • 背景色:支持纯色填充,可选择系统色盘或自定义 RGB/HEX 值。
  • 背景图片:支持上传本地图片或引用平台素材库图片,支持平铺、拉伸、居中等展示方式。
  • 透明背景:适用于嵌入式场景或特殊展示效果。

3. 适配方式

不同屏幕分辨率下,大屏的展示效果可能出现拉伸或留白。系统提供多种适配策略:

image-20250909112602752

  • 等比缩放(推荐):保持画布比例不变,自动缩放适应屏幕,可能留边。
  • 拉伸铺满:强制拉伸画布填满屏幕,可能导致比例失真。
  • 宽度优先 / 高度优先:按宽度或高度缩放,另一维度自动调整,适用于特定展示需求。

4. 滤镜效果

为画布整体添加滤镜,增强视觉效果: 支持色相、饱和度、对比度、亮度、透明度设置。

image-20250909112513772


5. 主题设置

主题是对画布图表组件整体风格的统一配置,常用于快速套用一键美化效果。

image-20250909112523327


使用建议

  1. 在项目开始前,先确定大屏尺寸和分辨率,避免后期频繁调整。
  2. 若有品牌色或视觉规范,建议在主题设置中统一配置,保持风格一致性。
  3. 背景尽量简洁,避免与组件内容产生冲突。
  4. 合理使用滤镜,突出重点信息,避免过度渲染导致视觉干扰。

results matching ""

    No results matching ""