截屏页结构

1. 组件

每一个截屏页均有以下组件构成

  1. 背景与背景组件
  2. 标题
  3. 副标题
  4. 设备外框
  5. 截屏图片
另外还包括一些可选的扩展组件
  1. 分页符
  2. 扩展图片
  3. 扩展设备外框
  4. 扩展截屏图片

2. 参数

针对不同的组件会有不同的参数,比如文字有字体、字距,设备有平台、品牌、颜色等,核心的组件大致有
与组件位置大小相关

  1. 移动:分为X,Y两个方向的移动,用来定位组件的位置 
  2. 旋转:以360为一周期设定组件旋转的角度 
  3. 缩放:通过缩放控制组件显示的大小
  4. 对齐:组件在图片中的对齐方式,包括左、中、右三种对齐方式
与组件样式相关

  1. 透明度:从0到100设置透明度的大小
  2. 边线:组件的边线颜色,尺寸与半径
  3. 阴影:组件的shadow部分
  4. HSL:对组件使用HSL滤镜获得效果