I’ve experimented with HTML canvas while trying to display some special micro-charts in our application. We were considering using SVG and we wanted to make sure we do not have too many objects in our DOM.

Unfortunately the HTML canvas has a “no-go” behavior: if you change its size, the content erroneously resizes (the worst fact is it changes the font size). Workarounds exist: one can detect the canvas resize event (see http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/) and redraw the content, however the entire code must adjust for canvas size, unlike any other rendering code I’ve ever written.

I’m growing tired of the poor mindset behind HTML and the other web technologies … and I miss XAML.

Advertisements