注意: 目前不支持斜体、描边、span标签内嵌的方式;不支持文本的垂直居中对齐
第一:
垂直水平居中(点击下列链接)
https://www.jianshu.com/p/b3819bf151c4
第二:
获取html文本的实际内容
var htmlDiv: Laya.HTMLDivElement = new Laya.HTMLDivElement();
htmlDiv.innerHTML = "<span color='#e3d26a'>使用HTMLDivElement创建</span><span color='#d26ae3'>HTML文本</span>";
var tTxt: string;
var tHTMLElement: Laya.HTMLElement;
for (var i: number = 0, n: number = htmlDiv._childs.length; i < n; i++) {
tHTMLElement = htmlDiv.getChildAt(i) as Laya.HTMLElement;
if (tHTMLElement) {
tTxt = tHTMLElement.text;
if (tTxt) {
console.log("文本内容 : " + tTxt);
//输出:
文本内容 : 使用HTMLDivElement创建
文本内容 : HTML文本
第三:获取html文本的实际宽高
文本的实际宽度 : htmlDiv.contextWidth
文本的实际高度 : htmlDiv.contextHeight
第四:追加文本内容
htmlDiv.appendHTML("<br/> BBBBBBBBBB");
//htmlDiv.layout();
第五:设置行间距
htmlDiv.style.valign = "middle";
htmlDiv.style.leading = 30;
必须在innerHTML之前设置,valign和leading成对出现
第六:英文字母偏下的问题
htmlDiv.style.valign = "top";
第七:同一个文本中设置字体、颜色不同
htmlDiv.innerHTML = "<font style='fontSize:30' color='#67fc2c'>测试<br/></font>"
+"<font style='fontSize:20'>html组件<br/></font>";
第八:设置描边
htmlDiv.innerHTML = '<font style="stroke:2;strokeColor:red;">测试水平垂直居中对齐</font>';