博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Egret][文档]遮罩
阅读量:6251 次
发布时间:2019-06-22

本文共 890 字,大约阅读时间需要 2 分钟。

——遮罩的作用是指定一个显示对象的可见区域,即这个显示对象只在这个区域可见。

一、矩形遮罩

将一个矩形对象赋值给显示对象的 mask 属性。

shp.mask = new egret.Rectangle(20,20,30,50);

【注】:这个矩形的坐标(20,20)和(30,50)是相对于被遮罩对象shp来定位的。

二、显示对象遮罩

——显示对象的可见区域由另一个显示对象确定,可实现不规则遮罩。即可见区域是一个显示对象的范围。

//画一个红色的正方形 var square:egret.Shape = new egret.Shape(); square.graphics.beginFill(0xff0000); square.graphics.drawRect(0,0,100,100); square.graphics.endFill(); this.addChild(square);//画一个蓝色的圆形var circle:egret.Shape = new egret.Shape();circle.graphics.beginFill(0x0000ff);circle.graphics.drawCircle(25,25,25);circle.graphics.endFill();this.addChild(circle);square.mask = circle;

【注】:用作遮罩的显示对象可设置动画、动态调整大小。

遮罩显示对象不一定需要添加到显示列表中。但是,如果希望在缩放舞台时也缩放遮罩对象,或者如果希望支持用户与遮罩对象的交互(如调整大小),则必须将遮罩对象添加到显示列表中。

通过将 mask 属性设置为 null 可以删除遮罩:

mySprite.mask = null;

【注】:不能使用一个遮罩对象来遮罩另一个遮罩对象。

【注】:显示对象作为遮罩,无需像矩形遮罩那样重复赋值 mask,但是 mask 必须是显示列表里的元素。

 

转载于:https://www.cnblogs.com/shenjie0507/p/10133197.html

你可能感兴趣的文章
JavaScript深入之参数按值传递
查看>>
Fragment总结
查看>>
Flutter进阶:深入探究 ListView 和 ScrollPhysics
查看>>
深入了解virtual dom
查看>>
spring事物应该注意的地方
查看>>
浅析 Vue 2.6 中的 nextTick 方法
查看>>
一篇文章搞懂闭包。
查看>>
结合实际场景谈一谈微服务配置
查看>>
我的前端面试总结(套路篇)
查看>>
ApacheCN 学习资源汇总 2018.11
查看>>
数字滚动插件numberAnimate.js的使用及效果修改
查看>>
从JS引擎理解Await b()与Promise.then(b)的堆栈处理
查看>>
深度学习-初识
查看>>
十分钟理解Redux核心思想,过目不忘。
查看>>
非对称加密技术- RSA算法数学原理分析
查看>>
PHP学习记录(基础)
查看>>
tweak 中常用的方法调用方法和 运行时API
查看>>
redis的incr和hash应用
查看>>
Laravel5.2 自定义Facades
查看>>
前端开发知识点之javascript
查看>>