plog 排版工具概要设计

完善 redcanvas 功能，原本主要是制做封面图的，所以主要采用标题文字+图片的设计，比较简单、局限。现在要增加 plog 排版工具。不止于封面，还要能做 plog ，参考效果：图片素材收集 | 花野猫的数字花园。项目内组件的可复用性要强。

1. 开发一款 plog 排版工具。涵盖以下应用场景：

   1. 产品宣传：产品介绍海报、每一页是一张产品操作说明等。用于将产品使用过程截图之后，配以文字进行注解
   2. 日常记录：如记录风景等。
   3. 社交媒体图文。

2. 要做到让用户不用考虑手动去配色。只需要添加自己想要的元素，位置进行微调，即可完成创作。确保文字、背景与图片主色协调。

3. 提供图片用作参考，不提供提示词，以免引偏。但是要能自动识别主色，生成精美的背景色等。提取出的配色方案要有多种可选。

4. 画布的宽高比例要能自定义。

5. 灵活性要强，支持拖拽排版，但默认好看。不再严格要求 title 等字段了，改用组合，用户想要什么元素，就直接往上加。模板和默认配置只在于提供样例。元素分为主图片、短文字、长文字（渲染 markdown 富文本）、图形素材（可位图可矢量图）几类。

6. 各类元素均支持选中、拖拽位置。元素选中后可以调整各种元素属性：图片支持配置圆角、阴影等。文字支持配置字体等。

7. 文字支持XXX

8. 有些特殊元素支持配置字段：其实可以认为是一个卡片。

9. 编辑功能要显得更加专业。

10. 还要考虑文字拖拽到图片上的情况。

11. 提供默认好看的元素属性选项

（看看能不能用 bento ?） bento 使用体验：

1. 不支持中文字体，但支持嵌入字体，但移动端嵌入字体后会很卡。
2. 页面尺寸不支持自定义（虽然有按钮，但点击无效）
3. 移动端很难编辑文字