DrawingVisual - scale contents to Element

See more:

WPF

graphics

I'm trying to overcome my win32 mindset and I'm not sure how I should go about this in WPF.

I want to create a guitar tablature control. Tuning options aside, it should just look like the following:
|
e----------------
|
b----------------
|
g----------------
|
d----------------
|
a----------------
|
e----------------
|

and that should scale vertically/horizontally to the control's size.

Eventually, there will be hit testing as notes are added/edited/deleted so (so far) I've gone with using DrawingVisual in the context of a Canvas-derived control.

I want to do all of the drawing without regard to control size then just scale it to the display area. (including the font). No scrolling.

The drawing I can handle, but I'm not sure of the best way to scale the end result.

Searching and reading have left me a little overwhelmed. Can anyone help with that last?

I'm not sure if DrawingVisual is over-kill here, but this is a learning exercise as well and another (paying!) app might have hundreds or thousands visuals.

In the meantime, I'll go look for more samples!

Thanks,
Dan