在safari移动浏览器ios 7中使画布全屏

Question

嗨，伙计们，我一直在尝试调整一些画布游戏的代码模板。它在android上运行良好，但画布不能完全显示，但在ios7 safari浏览器中被修剪掉了。

这是我的画布HTML;

<div id="c2canvasdiv">
    <canvas id="c2canvas" width="800" height="600">
    </canvas>

我用了这些常见的肉标签。

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" /> 

和

// Size the canvas to fill the browser viewport.
    jQuery(window).resize(function() {
        cr_sizeCanvas(jQuery(window).width(), jQuery(window).height());
    });

但是canvas在ios7中仍然不能完全显示

有人知道在ios7 safari中实现画布全屏的任何替代方法吗?

Answer 1

你可以让画布的宽度和高度保持不变，只是改变样式的宽度和高度，它会按样式缩放画布。