使用AS3.0程式碼實現給圖片新增濾鏡的模糊與斜角效果
濾鏡可應用於任何顯示物件(即,從 DisplayObject 類繼承的物件),例如 MovieClip、SimpleButton、TextField 和 Video 物件,以及 BitmapData 物件。
1.匯入2張圖片到Flash,並轉換成MoveClip。
2.對2張圖片例項命名(如:image1,image2)
3.開啟動作皮膚,輸入以下程式碼。
/* 建立並附加模糊濾鏡給image1:*/
var blur:BlurFilter = new BlurFilter();
blur.blurX = 20;
blur.blurY = 20;
blur.quality = BitmapFilterQuality.HIGH;
image1.filters = [blur];
// 模糊濾鏡各屬性可參看Flash屬性視窗濾鏡選項
/* 建立並附加斜角濾鏡給image2: */
var bevel:BevelFilter = new BevelFilter();
bevel.distance = 5.0;
bevel.angle = 45;
bevel.highlightColor = 0xFFFFFF;
bevel.highlightAlpha = 1.0;
bevel.shadowColor = 0x000000;
bevel.shadowAlpha = 1.0;
bevel.blurX = 5.0;
bevel.blurY = 5.0;
bevel.strength = 1;
bevel.quality = 1;
bevel.type = "inner";
bevel.knockout = false;
image2.filters = [blur];
// 以上斜角濾鏡各個屬性可以寫在一行(在new BevelFilter(...))
注意:當濾鏡值改變時,需要重新給影像設定濾鏡。
相關文章
- Flutter 圖片加濾鏡效果Flutter
- 圖片模糊效果實現(RenderScript)
- canvas實現的圖片放大鏡效果Canvas
- 前端 -- 頁面濾鏡效果及高斯模糊效果前端
- iOS 視訊新增濾鏡效果iOS
- 如何使用Java程式碼給圖片增加倒影效果Java
- svg濾鏡效果程式碼例項SVG
- 教你怎麼使用css3給圖片新增漸變效果(程式碼詳解)CSSS3
- 圖片放大鏡效果實現過程詳解
- CSS圖片濾鏡灰度CSS
- css實現圖片灰度效果程式碼例項CSS
- JavaScript 圖片放大鏡效果JavaScript
- 直播app開發搭建,純javascript實現圖片放大鏡效果APPJavaScript
- 美圖秀秀怎麼給圖片新增背景?美圖秀秀給圖片新增背景的教程
- css實現圖片上下左右居中效果程式碼例項CSS
- Flutter使用Draggable與自定義RenderObject實現圖片新增標籤,隨意拖動位置效果FlutterObject
- Canvas實現放大鏡效果完整案例分析(附程式碼)Canvas
- 記錄三種實現圖片模糊的方法
- 使用CSS的clip-path實現圖片剪下效果CSS
- ps教程篇:怎麼給圖片新增編織效果(分享)
- 實現背景圖片的全屏拉伸效果
- CSS滑鼠懸浮圖片模糊切換效果CSS
- 如何給應用增加圖片編輯功能:剪裁、濾鏡、貼紙、排版、標籤
- NodeJS卷積濾鏡處理圖片DemoNodeJS卷積
- JS實現馬賽克圖片效果JS
- PHP實現水印效果(文字、圖片)PHP
- 滑鼠放在圖片實現高亮效果
- Canvas系列之一——濾鏡效果Canvas
- DxO FilmPack 7 for Mac(ps膠片效果濾鏡)7.0.1.473啟用版Mac
- 【CSS濾鏡的使用】CSS
- 實現圖片染色效果的三種方式
- app直播原始碼,為文字/圖片新增按壓效果APP原始碼
- css模糊效果程式碼例項CSS
- 巧用濾鏡實現高階感拉滿的文字快閃切換效果
- iOS中實現模糊效果教程iOS
- 使用顏色濾鏡效果的20個經典網站網站
- Android中OpenGL濾鏡和RenderScript圖片處理Android
- DDGScreenShot —圖片加各種濾鏡高逼格操作