Antialias with Mobile Template

[charlie_says]

I've been trying to make it so that my game's graphics aren't smoothed when scaled up through the mobile template.

 

Obviously, I've tried 

game.stage.smoothed = false;game.antialias = false;

But, these don't work (as expected, as they refer to graphics that are scaled in game.)

 

Is there a way to work around the browser smoothing the scaled canvas?

 

I've tried

canvas {        image-rendering: optimizeSpeed;             // Older versions of FF        image-rendering: -moz-crisp-edges;          // FF 6.0+        image-rendering: -webkit-optimize-contrast; // Webkit                                                    //  (Safari now, Chrome soon)        image-rendering: -o-crisp-edges;            // OS X & Windows Opera (12.02+)        image-rendering: optimize-contrast;         // Possible future browsers.        -ms-interpolation-mode: nearest-neighbor;   // IE    }

but that hasn't worked.

[charlie_says]

I did some further testing and the above CSS does actually work in Safari (not FF & Chrome). However, it looks pretty bad, I think scaling up this way will only look good if done by a whole number (so the scaling is whole pixel) amount.