如何设置BABYLON.GUI.Image的定位？

Babylon GUI里的Image控件确实没有直接的x/y或position属性，要实现精准定位，得用控件自带的布局属性：

• 使用left/top/right/bottom设置偏移量，支持像素（如"10px"）或百分比（如"5%"）格式
• 配合horizontalAlignment和verticalAlignment指定对齐基准，确定偏移是从哪个方向开始计算的

修改后的可运行代码：

const advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");
const image = new BABYLON.GUI.Image("but", "bvtech_logo.jpg");
image.width = "300px";
image.height = "100px";

// 从左上角偏移10px
image.left = "10px";
image.top = "10px";
// 指定对齐基准为左上角
image.horizontalAlignment = BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_LEFT;
image.verticalAlignment = BABYLON.GUI.Control.VERTICAL_ALIGNMENT_TOP;

advancedTexture.addControl(image);

如果需要从右侧或底部定位，示例如下：

// 从右侧偏移20px，底部偏移30px
image.right = "20px";
image.bottom = "30px";
image.horizontalAlignment = BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_RIGHT;
image.verticalAlignment = BABYLON.GUI.Control.VERTICAL_ALIGNMENT_BOTTOM;

内容的提问来源于stack exchange，提问作者nix86