Laya的图文混排

参考:

Laya图文混排

 

Laya的图文混排教程

Laya的图文混排_第1张图片

 

Laya的图文混排_第2张图片

 

编辑模式F9,增加laya.html.js库

Laya的图文混排_第3张图片

 

在层级窗口右键,添加一个HtmlDivElement组件

Laya的图文混排_第4张图片

 

大致的原理:

1. 例如输入框的字符串是 "大家好!很高兴认识大家!@1@", "@1@"为一个表情的代号。下图直接使用str当成输入框文字。

2. 操作str字符串,全局搜索"@1@",将该表情代号换成表情图片的标签。

3. 将str字符串赋值给HTMLDivElement组件的innerHTML显示。

 

 

实际显示效果

 

看下HTMLDivElement的源码,bin/libs/laya.html.js

Laya的图文混排_第5张图片

 

如若是在canvas上绘制,那么应该是解析等标签后绘制,而不是真的使用标签吧。

 

你可能感兴趣的:(Laya的图文混排)