c# - 如何用画笔在 Canvas 上绘制棋盘图案？

Question

我得到了 Canvas 和一些宽度不同但高度相同的矩形。 我在 Canvas 上实际绘制矩形，宽度在绘制时实时计算。

一些矩形有SolidColorBrush，但其余的应该看起来像棋盘:

我尝试这样做:

private static Brush CreateBrush()
{

    // Create a DrawingBrush
    var blackBrush = new DrawingBrush();
    // Create a Geometry with white background

    // Create a GeometryGroup that will be added to Geometry
    var gGroup = new GeometryGroup();
    gGroup.Children.Add(new RectangleGeometry(new Rect(0, 0, 10, 10)));
    gGroup.Children.Add(new RectangleGeometry(new Rect(10, 10, 10, 10)));
    // Create a GeomertyDrawing
    var checkers = 
        new GeometryDrawing(new SolidColorBrush(Colors.Black), null, gGroup);

    var checkersDrawingGroup = new DrawingGroup();

    checkersDrawingGroup.Children.Add(checkers);

    blackBrush.Drawing = checkersDrawingGroup;

    // Set Viewport and TileMode
    blackBrush.Viewport = new Rect(0, 0, 0.5, 0.5 );
    blackBrush.TileMode = TileMode.Tile;

    return blackBrush; 
}

就矩形的大小不同而言，相同的DrawingBrush在不同的矩形上看起来不同 - 它不会重复填充它，而是拉伸(stretch)。

据我了解，问题出在 blackBrush.Viewport = new Rect(0, 0, 0.5, 0.5 ); - 我应该根据每个设置不同的 Viewports 矩形 宽度，但它对我来说是不能接受的。我需要对不同大小和纹理的所有矩形使用一支画笔，该矩形应看起来像一张图片 - X 和 Y 的比例相同，但它可以在一个矩形

中重复多次

也许还有其他刷子类型或其他方法来解决这个问题？

如果我的帖子不清楚，请随意询问，也很抱歉我的英语。

添加我需要的图片: (这与宽度无关，与纹理填充有关)

Answer 1

问题出在Viewport设置中，您应该将其ViewportUnits设置为Absolute而不是RelativeToBoundingBox(默认情况下):

//we have to use a fixed size for the squares
blackBrush.Viewport = new Rect(0, 0, 60, 60);
blackBrush.Viewport.ViewportUnits = BrushMappingMode.Absolute;

下面是一个使用纯 XAML 显示检查板的示例:

<Grid>
    <Grid.Background>
        <DrawingBrush TileMode="Tile" Viewport="0,0,60,60" 
                                      ViewportUnits="Absolute">
            <DrawingBrush.Drawing>
                <GeometryDrawing Brush="Black" 
                    Geometry="M5,5 L0,5 0,10 5,10 5,5 10,5 10,0 5,0 Z"/>
            </DrawingBrush.Drawing>
        </DrawingBrush>            
    </Grid.Background>
</Grid>