设计文档备忘录
/*
每个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