Stopping InkCanvas from resizing while drawing

Question

In my application, I have an InkCanvas with an image in the background. When I draw on the InkCanvas to the bottom or left edge, the InkCanvas changes size to fit the sketch, which messes up the rendering of the image in the background. How do I stop the InkCanvas from resizing when strokes are applied outside its current size?

Current XAML:

<InkCanvas x:Name="DrawingArea"
           Width="Auto"
           Height="Auto"
           ClipToBounds="True"
           Background="{x:Null}" />

Background is set in code-behind

score 3 · Accepted Answer · edited Jul 05 '13 at 00:04

Without specifying a specific size, I found that binding the MaxWidth and MaxHeight to the ActualWidth and ActualHeight of the parent element keeps the InkCanvas from expanding outside the element.

<Grid x:Name="LayoutRoot">
    <InkCanvas x:Name="DrawingArea"
               MaxWidth="{Binding ActualWidth, ElementName=LayoutRoot}"
               MaxHeight="{Binding ActualHeight, ElementName=LayoutRoot}"
               Background="{x:Null}" />
    ...
</Grid>

score 0 · Answer 2 · answered Nov 19 '12 at 23:11

0

You could hardcode the widths instead of using auto: Width = "200" Height = "200"

answered Nov 19 '12 at 23:11

Bill Tarbell

4,933
2
32
52

I was hoping I wouldn't have to, in this case. – raykendo Nov 20 '12 at 02:34

Stopping InkCanvas from resizing while drawing

2 Answers2