getGraphicBounds

图片边界

获取显示对象边界

在相对布局中，经常需要正确地获取显示对象的边界，通常采用 getBounds/ getGraphicBounds。它们都是 laya.display. Sprite 类的方法。

getGraphicBounds

/**
* 返回此实例中的绘图对象（ <code>Graphics</code> ）的显示区域，不包括子对象。
* @param realSize （可选）使用图片的真实大小，默认为false
* @return 一个 Rectangle 对象，表示获取到的显示区域(矩形区域)。
*/
getGraphicBounds(realSize?: boolean): Rectangle;

getBounds 可以满足多数多数需求，但由于其需要计算边界，不适合频繁调用。

class MyClass {constructor() {Laya.init(1136, 640, Laya.WebGL);//初始化引擎,不支持 WebGL自动切换为CanvasLaya.Stat.show(0, 0);/**显示性能面板 */this.drawMyRect();this.drawMyCircle();this.createText();this.showMyInfo();}//绘制矩形drawMyRect() {this.sp_rect = new Laya.Sprite();this.sp_rect.graphics.drawRect(150, 30, 200, 100, "#FF0000");Laya.stage.addChild(this.sp_rect);}//绘制圆形drawMyCircle() {this.sp_cicle = new Laya.Sprite();this.sp_cicle.graphics.drawCircle(550, 80, 30, "#f00");Laya.stage.addChild(this.sp_cicle);}//参加文本createText() {this.text_my = new Laya.Text();this.text_my.text = "奋六世之余烈";this.text_my.fontSize = 40;this.text_my.color = "#f00";this.text_my.pos(800, 80);Laya.stage.addChild(this.text_my);}//显示边界信息showMyInfo() {var label_1 = this.createLabel();var label_2 = this.createLabel();var label_3 = this.createLabel();label_1.pos(150, 200);label_2.pos(500, 200);label_3.pos(800, 200);//为三个表情绑定单击事件label_1.on(Laya.Event.CLICK, this, function () {//getGraphicBounds：返回此实例中的绘图对象（ Graphics ）的显示区域，不包括子对象，返回 laya.display.Rectangle 对象var rectangle = this.sp_rect.getGraphicBounds();//toString：当前 Rectangle 对象的水平位置 x 和垂直位置 y 以及高度 width 和宽度 height 以逗号连接成的字符串。 label_1.text = "x,y,width,height=" + rectangle.toString() +"\nbottom=" + rectangle.bottom + ",right=" + rectangle.right;});label_2.on(Laya.Event.CLICK, this, function () {var rectangle = this.sp_cicle.getGraphicBounds();label_2.text = "x,y,width,height=" + rectangle.toString() +"\nbottom=" + rectangle.bottom + ",right=" + rectangle.right;});label_3.on(Laya.Event.CLICK, this, function () {var rectangle = this.text_my.getGraphicBounds();label_3.text = "x,y,width,height=" + rectangle.toString() +"\nbottom=" + rectangle.bottom + ",right=" + rectangle.right;});}createLabel() {var lable_info = new Laya.Label("信息展示");lable_info.fontSize = 20;lable_info.color = "#fff";Laya.stage.addChild(lable_info);return lable_info;}
}
new MyClass();//运行本类

图片边界

写法不同，获取的数据略有差异。不过都要注意的是必须要在图片加载完成后才能正确获取尺寸。

class MyClass {constructor() {Laya.init(1136, 640, Laya.WebGL);//初始化引擎,不支持 WebGL自动切换为CanvasLaya.Stat.show(0, 0);/**显示性能面板 */this.showImage();this.showMyInfo();}//显示图片showImage() {this.sp_img = new Laya.Sprite();var img_url = "https://cn.vuejs.org/images/logo.png?_sw-precache=cf23526f451784ff137f161b8fe18d5a";//加载图片资源Laya.loader.load(img_url, Laya.Handler.create(this, function () {//加载完成绘制图像this.sp_img.graphics.drawTexture(Laya.loader.getRes(img_url), 150, 0);Laya.stage.addChild(this.sp_img);}));}//显示边界信息showMyInfo() {var label_1 = this.createLabel();label_1.pos(500, 200);//绑定单击事件label_1.on(Laya.Event.CLICK, this, function () {//getGraphicBounds：返回此实例中的绘图对象（ Graphics ）的显示区域，不包括子对象，返回 laya.display.Rectangle 对象var rectangle = this.sp_img.getGraphicBounds();//toString：当前 Rectangle 对象的水平位置 x 和垂直位置 y 以及高度 width 和宽度 height 以逗号连接成的字符串。 label_1.text = "x,y,width,height=" + rectangle.toString() +"\nbottom=" + rectangle.bottom + ",right=" + rectangle.right + "\n";});}//创建一个标签用于显示数据createLabel() {var lable_info = new Laya.Label("信息展示");lable_info.fontSize = 20;lable_info.color = "#fff";Laya.stage.addChild(lable_info);return lable_info;}
}
new MyClass();//运行本类

class MyClass {constructor() {Laya.init(1136, 640, Laya.WebGL);//初始化引擎,不支持 WebGL自动切换为CanvasLaya.Stat.show(0, 0);/**显示性能面板 */this.showImage();this.showMyInfo();}//显示图片showImage() {var img_url = "https://cn.vuejs.org/images/logo.png?_sw-precache=cf23526f451784ff137f161b8fe18d5a";this.img = new Laya.Image(img_url);this.img.pos(150, 0);Laya.stage.addChild(this.img);}//显示边界信息showMyInfo() {var label_1 = this.createLabel();label_1.pos(500, 200);//绑定单击事件label_1.on(Laya.Event.CLICK, this, function () {//getGraphicBounds：返回此实例中的绘图对象（ Graphics ）的显示区域，不包括子对象，返回 laya.display.Rectangle 对象var rectangle = this.img.getGraphicBounds();//toString：当前 Rectangle 对象的水平位置 x 和垂直位置 y 以及高度 width 和宽度 height 以逗号连接成的字符串。 //Sprite 的 width 与 height 属性也可以获取精灵的宽高label_1.text = "x,y,width,height=" + rectangle.toString() +"\nbottom=" + rectangle.bottom + ",right=" + rectangle.right + "\n" +"width=" + this.img.width + ",height=" + this.img.height;});}//创建一个标签用于显示数据createLabel() {var lable_info = new Laya.Label("信息展示");lable_info.fontSize = 20;lable_info.color = "#fff";Laya.stage.addChild(lable_info);return lable_info;}
}
new MyClass();//运行本类

LayaAir 获取对象边界 getBounds/ getGraphicBounds相关推荐

获取洞口边界及在墙上开洞（Revit二次开发）
一.洞口类图 #mermaid-svg-8CPGxHq9ZTevDBGx .label{font-family:'trebuchet ms', verdana, arial;font-family:v ...
scrollHeight: 获取对象的滚动高度。
scrollHeight: 获取对象的滚动高度. scrollWidth:获取对象的滚动宽度 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: ...
jvm两种方式获取对象所占用的内存
在开发过程中,我们有时需要来获取某个对象的大小,以方便我们参考,来决定开发的技术方案.jvm中提供了两种方式来获取一个对象的大小. 通过Instrumentation来计算对象的大小编写计算代码: ...
可以获取python中输出函数帮助的是_Python帮助函数调试函数用于获取对象的属性及属性值...
Python帮助函数调试函数用于获取对象的属性及属性值刚接触Python,上篇 <Python入门>第一个Python Web程序--简单的Web服务器中调试非常不方便,不知道对象详 ...
【java】java反射机制，动态获取对象的属性和对应的参数值，并属性按照字典序排序，Field.setAccessible()方法的说明【可用于微信支付签名生成】...
方法1:通过get()方法获取属性值 package com.sxd.test.controller;public class FirstCa{private Integer num;private ...
python Class：获取对象类型
获取对象类型: 一.type #!/usr/bin/env python3 # -*- coding: utf-8 -*- class Animal(object): def __init__ ...
【java】java获取对象属性类型、属性名称、属性值
java获取对象属性类型.属性名称.属性值获取属性修饰符:[在Field[]循环中使用] String modifier = Modifier.toString(fields[i].getModi ...
[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...
使用 spring 的 IOC 解决程序耦合——获取spring的Ioc核心容器，并根据id获取对象、核心容器的两个接口（ApplicationContext、BeanFactory）引发出的问题
IOC概念和spring中的IOC 明确 ioc 的作用: 削减计算机程序的耦合(解除我们代码中的依赖关系). 使用 spring 的 IOC 解决程序耦合获取spring的Ioc核心容器,并根据i ...
单例模式可以分为懒汉式和饿汉式：　　　　懒汉式单例模式：在类加载时不初始化。　　　　饿汉式单例模式：在类加载时就完成了初始化，所以类加载比较慢，但获取对象的速度快。
单例模式可以分为懒汉式和饿汉式: 懒汉式单例模式:在类加载时不初始化. 饿汉式单例模式:在类加载时就完成了初始化,所以类加载比较慢,但获取对象的速度快.

LayaAir 获取对象边界 getBounds/ getGraphicBounds

getGraphicBounds

图片边界

LayaAir 获取对象边界 getBounds/ getGraphicBounds相关推荐

最新文章

热门文章