I came up with a design where I have a larger canvas nested inside my main one. The main one I will refer to as ctx. I move the larger one around and ctx masks it nicely. I did my dev in chrome and safari and it works nicely.
When I host it and check on my iPad3 I discover some limitations.
Apparently there is a maximum limit set to the height and width for an html5 canvas in iOS !
So I stripped down my code to a basic handful of lines to do testing. A 2000 x 2000 canvas will nest fine and display on an iPad3 but when I go up to 3000 x 3000 it shows blank.
I’m now left with a burning question – what are these maximums and do they differ for older iOS devices?
I did try searches but I can’t find the answer so I turn to stackoverflow for help.
I’ve run into this before as well, I think the problem is the amount of available video memory. It’s not a specific width/height that is a problem, it’s the width multiplied by the height, and the actual number is probably hardware specific.
Hate to say it, but I think you’re just going to have to try it out and see what you can/can’t get away with. Design your app around that restriction.
Note that the iPad 3’s retina display means this it actually has slightly worse video performance than older generations.