HTML5 Canvas Performance: Loading Images vs Drawing

Question

I\'m planning on writing a game using javascript / canvas and I just had 1 question: What kind of performance considerations should I think about in regards to loading images vs

Answer 1

It really depends on the type of graphics you'll use, so I suggest you implement the easiest solution and solve the performance problems as they appear.

Generally I would expect copying a bitmap (drawing an image) to get faster compared to recreating it from primitives, as the complexity of the image gets higher.

That is drawing a couple of squares per scene should need about the same time using either method, but a complex image will be faster to copy from a bitmap.