Laya的图文混排

Laya的图文混排,第1张

概述参考: Laya图文混排   Laya的图文混排教程     编辑模式F9,增加laya.html.js库   在层级窗口右键,添加一个HtmlDivElement组件   大致的原理: 1. 例如输入框的字符串是 "大家好!很高兴认识大家!@[email protected]", "@[email protected]"为一个表情的代号。下图直接使用str当成输入框文字。 2. *** 作str字符串

参考:

Laya图文混排

 

Laya的图文混排教程

 

 

编辑模式F9,增加laya.HTML.Js库

 

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

 

大致的原理:

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

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

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

 

 

实际显示效果

 

看下HTMLdivelement的源码,bin/libs/laya.HTML.Js

 

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

总结

以上是内存溢出为你收集整理的Laya的图文混排全部内容,希望文章能够帮你解决Laya的图文混排所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1034242.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存