宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置: > 博客2 > AS2与AS3技术

[AS3]as3遮罩、as3设置渐变遮罩、as3处理遮罩用法示例

2016-10-13 00:16:48 点击量:24 标签: 收藏本文

今天在工作中,需要用到对文字进行渐变透明遮罩,就是遮罩层由透明到不透明,用flash估计大家都会,用代码有点小麻烦,平时没用代码画过渐变图,就查了一下相关帮助

首先创建一个渐变的图,由垂直透明到不透明

  1. var myShape:Shape = new Shape(); 
  2. var gradientBoxMatrix:Matrix = new Matrix(); 
  3. gradientBoxMatrix.createGradientBox(200, 200, Math.PI*0.5, 0, 0);//Math.PI*0.5是设置渐变转动90度为垂直(默认为水平,也可设任意角度) 
  4. //cuplayer.com提示参数填充类型,颜色数组,alpha数组,渐变比率 
  5. myShape.graphics.beginGradientFill(GradientType.LINEAR, [0xFF0000, 0x00FF00], [0, 1], [0, 128], gradientBoxMatrix); 
  6. myShape.graphics.drawRect(0, 0, 200, 200); 
  7. myShape.graphics.endFill(); 

然后就是把此对象设为遮罩层即可

  1. var spt:Sprite=new Sprite(); 
  2. spt.beginFill(0xFFCCCC); 
  3. spt.graphics.drawRect(0, 0, 200, 200); 
  4. spt.graphics.endFill(); 
  5.  
  6. //cuplayer.com提示设为遮罩层 
  7. spt.mask=myShape

这时还没完成,如果这样是看不到效果的,必须得再设置这两个对象的cacheAsBitmap属性为true,才可以.即.

  1. myShape.cacheAsBitmap=true
  2. spt.cacheAsBitmap=true

 

ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址:湖北省宜昌市伍家岗区东站二路6号三峡(宜昌)大数据产业园海洋馆二楼A203室