[]HTMLDivElement中图文混排怎么获取实际内容大小

使用HTMLDivElement插入图片,获取不到控件大小,导致与其他控件的间隔错误,影响界面布局
 
例如:res/image/1.png 像素大小是 32x32

var imageHtml: Laya.HTMLDivElement = new Laya.HTMLDivElement();
imageHtml.innerHTML="<img src='res/image/1.png' />";
console.log("size: " + imageHtml.width + ", " + imageHtml.height);
console.log("contextSize: " + imageHtml.contextWidth + ", " + imageHtml.contextHeight);
Laya.stage.addChild(imageHtml);
 
上述代码在Laya中运行 正确显示了 图片
控制台输出:
size: 200, 200
contextSize: 0, 0
 
如何获取真实大小?
 
已邀请:

Laya_XS

赞同来自:

imageHtml.getBounds()应该可以获取到一些相关信息,你看下是否可以解决你的问题!

Laya_XS

赞同来自:

如果你是要做图文混排的话,建议你自己设定下他的宽高,用一个变量存储下它当前的宽高信息。在htmldivelement里如果是图片+文字一起的话是没办法获取到具体的宽高内容的。

要回复问题请先

商务合作
商务合作