Skip to main content

设计文档备忘录

/*
每个char有哪些属性?
字体自身颜色 colour
字符相对自身移动定位 relative
旋转程度 rotate
大小 size
行内背景
字体背景形式 mode {
1.none 没有背景
2.嵌套背景(嵌套在普通背景内?)
3.normal 普通背景
}
字体重影 shadow{
color
size
}
行内字体排列
3d变换
hover动画:抖动
其他装饰物,靠文字位置定位svg/img
层级

为了便于生成配置,所有字符串参数要支持数字类型?或者上层用hooks生成
*/

拆分 children

先支持纯字符串

// 我需要快速生成一套字体预设 // 每个静态属性对应一个 rule,每一种 rule 对应一种生成规则 // 不同属性间的规则能随意组合

color 规则 1

第一个字是红色 其他字是白色

规则 1 的特殊情况:

指定特定位置字体为某颜色,关键词

或者随机一些字体为某颜色,体现中断感

color 规则 2

全为一种颜色,黑或者白

color 属性结构

// 全部颜色都默认
color = 0;

// 我需要合并字符和渲染配置,

五个字符和三个颜色配置, 每个颜色配置需要有对应字符的 index

配置优先级靠压栈覆盖,最后 merge