Фон с несколькими дорожками

Question

Есть ли способ, которым я могу поместить такой фон в рамку:

Проблема в том, что и круг, и квадрат должны быть путем (в моей реальной проблеме у меня фактически есть 3 пути, и они являются градиентами), и это делает чрезвычайно проблематичным изменение размера, выравнивание и т. д. Я видел это решение , но я уже пытался использовать viewbox, ине решает мою проблему.

Есть ли способ объединить квадрат и круг в контур и сохранить цвета, а затем установить его в качестве фона?

Не знаю 'Здесь нет настоящей кнопки, поэтому я опубликую ее завтра, но в ней есть несколько градиентов, чтобы создать эффект глянца, и несколько кривых Безье, чтобы сделать эффект более «реалистичным».Между тем, эффект выглядит примерно так:

Спасибо за любую помощь.

Answer 1

Не совсем понимаю, почему ViewBox не будет работать, но в качестве альтернативы вы можете использовать DrawingBrush, например ::10000 *

<Border Width="300" Height="300">
    <Border.Background>
        <DrawingBrush>
            <DrawingBrush.Drawing>
                <DrawingGroup>
                    <GeometryDrawing Brush="Blue">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="0,0,100,100" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                    <GeometryDrawing Brush="Red">
                        <GeometryDrawing.Geometry>
                            <EllipseGeometry Center="50,50" RadiusX="35" RadiusY="35" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingGroup>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </Border.Background>
</Border>