Image Canvas支持拼接图文,或者创建一个图文模板替换特定的图片/文字为用户输入的内容。

image.png

<aside> ❕

后续我们会更好支持动态尺寸图片的拼接。当前版本主要是制作固定的图文模板。

</aside>

调整画布

image.png

添加文字元素

可以选择添加固定的文本,或者引用文本变量。

添加Text Ref Box可以引用文本变量。此时画布中展示的文字是占位文本(譬如Text placeholder),在实际运行过程中会被变量的实际值替代。为了方便调试,占位文本也可以修改成和实际运行结果接近的值。

image.png

如果引用变量的值超出Box的大小,内容会向下排列

画布中引用变量

image.png

变量值为“text is longer than box’s size”时渲染结果

image.png

<aside> ❕

当前还不支持自定义字体。

</aside>