·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

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

时间:2013-09-12 14:41cuplayer.com
[AS3]as3遮罩、as3设置渐变遮罩、as3处理遮罩用法示例,需要用到对文字进行渐变透明遮罩,就是遮罩层由透明到不透明,用flash估计大家都会,用代码有点小麻烦

今天在工作中,需要用到对文字进行渐变透明遮罩,就是遮罩层由透明到不透明,用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

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器