Canvas is used to define an area , called a canvas , for full control of the exact position of each element. It is the simplest of the layout controls, placing elements directly in the specified position, and when using canvas, you must specify the position of a child element (relative to the canvas), otherwise all elements will appear in the upper-left corner of the canvas. The upper-left corner coordinates of the canvas are (0,0), the right is the x-axis positive direction, and the downward is the y-axis positive direction.
Cases:
NOTE: Although canvas is relatively straightforward to use, the disadvantage is that it cannot be resized automatically, so it is not a sensible choice to use canvas in a variable window, especially in a browser window.
from a usage perspective, the network's stacking panel supports the rearrangement of content, maximizing the layout flexibility.
If the position and size of the control are fixed, it is most convenient and intuitive to use the canvas layout.
WPF Interface Layout--canvas