DrawingContext.DrawRectangle нарисовать прямоугольник

Question

Я пытаюсь нарисовать прямоугольник в изображение:

<Canvas> 
    <Image> 
     <Image.Source> 
      <DrawingImage> 
       <DrawingImage.Drawing> 
        <DrawingGroup x:Name="_drawingGroup" /> 
       </DrawingImage.Drawing> 
      </DrawingImage> 
     </Image.Source> 
    </Image> 
</Canvas> 

C# код выглядит как:

DrawingVisual visual = new DrawingVisual(); 
using (DrawingContext dc = visual.RenderOpen()) 
{ 
    Rect rect = new Rect(new Point(100, 100), new Size(200, 100)); 
    dc.DrawRectangle(Brushes.Blue, null, rect); 
} 

this._drawingGroup.Children.Add(visual.Drawing); 
this._drawingGroup.Freeze(); 

Как вы можете видеть, я намерен нарисуйте прямоугольник с левым верхним углом (100 100). Но он работает не так, как ожидалось - он всегда рисуется на (0,0). Что со мной не так?

Answer 1

A DrawingImage выравнивает свой Drawing на видимый Bounds чертежа.

В качестве обходного пути вы можете просто добавить прозрачный прямоугольник с началом в (0, 0). Отметим также, что вам не нужно DrawingVisual создать чертеж:

drawingGroup.Children.Add(new GeometryDrawing(
    Brushes.Transparent, null, 
    new RectangleGeometry(new Rect(0, 0, 1, 1)))); 

drawingGroup.Children.Add(new GeometryDrawing(
    Brushes.Blue, null, 
    new RectangleGeometry(new Rect(100, 100, 200, 100)))); 

drawingGroup.Freeze(); 

---

Альтернативой управления изображением с DrawingImage может представлять собой (достаточно большой) Прямоугольник с DrawingBrush:

<Rectangle Width="10000" Height="10000"> 
    <Rectangle.Fill> 
     <DrawingBrush ViewboxUnits="Absolute" Viewbox="0,0,10000,10000"> 
      <DrawingBrush.Drawing> 
       <DrawingGroup x:Name="drawingGroup" /> 
      </DrawingBrush.Drawing> 
     </DrawingBrush> 
    </Rectangle.Fill> 
</Rectangle> 

Теперь вы можете создать вы рисунок как предназначенный:

drawingGroup.Children.Add(new GeometryDrawing(
    Brushes.Blue, null, 
    new RectangleGeometry(new Rect(100, 100, 200, 100)))); 

drawingGroup.Freeze();