InfiniteCanvas XAML Control

The InfiniteCanvas Control is a canvas that supports Infinite Scrolling, Ink, Text, Format Text, Zoom in/out, Redo, Undo, Export canvas data, Import canvas data.


<Page ...

<controls:InfiniteCanvas Name="canvas"/>

Sample Output

InfiniteCanvas animation


Property Type Description
CanvasWidth double Gets or sets the width of the drawing area, default value is 2097152. This is different from the Width property which specifies the Width of the control
CanvasHeight double Gets or sets the height of the drawing area, default value is 2097152. This is different from the Height property which specifies the Height of the control
IsToolbarVisible bool Gets or sets a value indicating whether the toolbar is visible or not.
MaxZoomFactor double Gets or sets the MaxZoomFactor for the canvas, range between 1 to 10 and the default value is 4.
MinZoomFactor double Gets or sets the MinZoomFactor for the canvas, range between .1 to 1 the default value is .25.


Method Return Type Description
Redo() void Redo the last action.
Undo() void Undo the last action.
ExportAsJson() string Export the InfinitCanvas as json string.
ImportFromJson(string json) void Import InfiniteCanvas from json string and render the new canvas, this function will empty the Redo/Undo queue.



This event triggered after each render happended because of any change in the canvas elements. This event could be used to do the Auto Save functionality.


The following sample demonstrates how to add InfiniteCanvas Control

<Page ....

    <controls:InfiniteCanvas Name="canvas"/>

Sample Code

InfiniteCanvas Sample Page Source. You can see this in action in Windows Community Toolkit Sample App.

Default Template

InfiniteCanvas XAML File is the XAML template used in the toolkit for the default styling.


Device family Universal, 10.0.16299.0 or higher
Namespace Microsoft.Toolkit.Uwp.UI.Controls
NuGet package Microsoft.Toolkit.Uwp.UI.Controls