3

我需要使用 WritableBitmap 渲染一条“平滑”线,我正在使用WritableBitmapExtenstions

每 12 毫秒我得到 12 个由 (X,Y) 组成的点,其中 Y 被归一化到屏幕的中心,X 表示图像表面上的一个像素(位图)。

在里面 :

 _wb =  new WriteableBitmap((int)mainGrid.ActualWidth, (int)mainGrid.ActualHeight, 96.0, 96.0, PixelFormats.Pbgra32, null);
 image.Source = _wb;

 CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);

CompositionTarget_Rendering :

   Point [] points = null;
   if (blocks.TryDequeue(out points)) // blocks is a ConcurrentQueue which gets enqueued on a timer interval on another thread.
   {
       using (_wb.GetBitmapContext())
       {                    
           Draw(points);
       }
   }

画 :

   private void Draw(Point[] points)
   {
        int x1, y1, x2, y2;

        if (lastX != 0 && lastY != 0)
        { // Draw connection to last line segment.
            x1 = lastX;
            y1 = lastY;
            x2 = (int)points[0].X;
            y2 = (int)points[0].Y;

            _wb.DrawLine(x1, y1, x2, y2, Colors.Red);
        }

        for (int i = 0; i < points.Count() - 1; i++)
        {// draw lines. [0],[0] - [1],[1]  ; [1],[1] - [2],[2]   .....and so on.
            x1 = (int)points[i].X;
            y1 = (int)points[i].Y;
            x2 = (int)points[i + 1].X;
            y2 = (int)points[i + 1].Y;

            _wb.DrawLine(x1, y1, x2, y2, Colors.Red);
        }

        lastX = (int)points[points.Count() - 1].X;
        lastY = (int)points[points.Count() - 1].Y;      
   }  

结果 :

在此处输入图像描述

好吧,线条完全到位,但它的绘制方式并不流畅,即使我使用了 Writablebitmap 并在渲染事件中绘制了所有线条,每个片段仍然作为一个批次渲染。

所以总结一下我应该一次绘制一个像素以使其平滑吗?如果您将 WritablebitmapEx 曲线示例视为名为“WriteableBitmapExCurveSample.Wpf”的项目(这将需要您从上面的链接下载示例)

你可以看到我不想达到的那种平滑度。

4

2 回答 2

2

尝试使用DrawLineAa(Aa == Antialiased) 扩展方法而不是DrawLine.

于 2014-02-24T02:23:30.447 回答
2

为了获得最合适的结果,您可以应用 post-fx 矩阵过滤器。 http://lodev.org/cgtutor/filtering.html

我不太记得如何用 asp.net 来实现它,但我认为 CompositionTarget 中有类似的东西。

于 2014-03-02T10:48:05.420 回答