5.) I can then paint "Bob" onto another canvas "Cammy" which has my white background and other content. Cammy is the only canvas that actually renders to the screen
I render the text in white, set source-in, then draw a rectangular area over the text block with the paint I want to use. This allows me to cache the characters once and then reuse them without having to "draw" them again via paths.
I'm writing a text rendering engine on canvas and I'm building a "bitmap font" type caching mechanism to improve the performance since drawing paths is MUCH slower than pixels. However, I'm trying to decide if the performance would be better drawing all characters to a large canvas or drawing each character to its own canvas (i'll be using drawImage and globalCompositeOperation = 'source-in' to splice characters). Does anyone have any feedback on this before I end up implementing both to test?
I'm getting out of memory errors in Chrome with my application if I do too many things too fast. Can someone tell me if the GC in Chrome just gets behind it will throw OoM errors if it can't catch up in time?