給圖檔加上陰影效果

原文: 給圖檔加上陰影效果

今天寫一個小程式有一個給圖檔加上陰影的需求，記得WPF的Effect中就有陰影特效，就打算用它了。代碼如下：

    using (var imageStreamSource = File.OpenRead(@"r:\4.png"))

    using (Stream fs = File.Create(@"r:\test.png"))

    {

        var decoder = BitmapDecoder.Create(imageStreamSource, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);

        var bitmapFrame = decoder.Frames[0];

        var size = new Size(bitmapFrame.PixelWidth, bitmapFrame.PixelHeight);

        var img = new Image() { Source = bitmapFrame };

        img.Effect = new System.Windows.Media.Effects.DropShadowEffect();

        img.Arrange(new Rect(0,0,bitmapFrame.PixelWidth,bitmapFrame.PixelHeight));

        var rtb = new RenderTargetBitmap(bitmapFrame.PixelWidth, bitmapFrame.PixelHeight, 96, 96, PixelFormats.Pbgra32);

        rtb.Render(img);

        var png = new PngBitmapEncoder();

        png.Frames.Add(BitmapFrame.Create(rtb));

        png.Save(fs);

    }

使用過程中，發現WPF和GDI的處理方式還是有有些類似的。它的基本使用方式如下：

    Image myImage = new Image();

    FormattedText text = new FormattedText("ABC",

            new CultureInfo("en-us"),

            FlowDirection.LeftToRight,

            new Typeface(this.FontFamily, FontStyles.Normal, FontWeights.Normal, new FontStretch()),

            this.FontSize,

            this.Foreground);

    DrawingVisual drawingVisual = new DrawingVisual();

    DrawingContext drawingContext = drawingVisual.RenderOpen();

    drawingContext.DrawText(text, new Point(2, 2));

    drawingContext.Close();

    RenderTargetBitmap bmp = new RenderTargetBitmap(180, 180, 120, 96, PixelFormats.Pbgra32);

    bmp.Render(drawingVisual);

    myImage.Source = bmp;

主要是如下幾步：

1. 在DrawingContext中繪圖
2. 通過DrawingVisual将DrawingContext轉換為Visual
3. 通過RenderTargetBitmap将Visual轉換為BitmapFrame
4. 通過xxxBitmapEncoder将BitmapFrame儲存為圖像

這些步驟也無需嚴格遵守，像我最開始的那個例子則是直接生成Visual，然後儲存為圖像。其實我更喜歡這種方式，因為Visual是可以直接在WPF的界面上顯示出來的，友善調試，并且很友善應用WPF中的各種特效。不過要記得調用一下Arrange函數，否則看不到生成結果的。

這裡再給個更簡單的例子，以供學習。

    Ellipse cir = new Ellipse();

    cir.Height = 50;

    cir.Width = 50;

    cir.Stroke = Brushes.Black;

    cir.StrokeThickness = 1.0;

    cir.Arrange(new Rect(new Size(50, 50)));    //這句不能漏了

    RenderTargetBitmap rtb = new RenderTargetBitmap(200, 200, 96, 96, PixelFormats.Pbgra32);

    rtb.Render(cir);

    PngBitmapEncoder png = new PngBitmapEncoder();

    png.Frames.Add(BitmapFrame.Create(rtb));