首页 > 其他 > 详细

Laya的图文混排

时间:2019-09-18 19:39:44      阅读:165      评论:0      收藏:0      [点我收藏+]

参考:

Laya图文混排

 

Laya的图文混排教程

技术分享图片

 

技术分享图片

 

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

技术分享图片

 

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

技术分享图片

 

大致的原理:

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

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

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

 技术分享图片

 

实际显示效果

技术分享图片

 

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

技术分享图片

 

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

 

Laya的图文混排

原文:https://www.cnblogs.com/gamedaybyday/p/11544581.html

(2)
(2)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!