代码之家 › 专栏 › 技术社区 › Stefan Kendall

覆盖整个屏幕的画布元素?

canvas html5 css javascript

Stefan Kendall · 技术社区 · 14 年前

我想用 <canvas> 在iPhone Safari中,如果我将元素放在主体中,元素的左侧和顶部会有未使用的像素。我试图说明 margin:0;padding:0 没有CSS。

这是怎么回事?

<html>
<head>
        $(document).ready(function()
        {
            $('#screen').attr("height", $(window).height() );
            $('#screen').attr("width", $(window).width() );

            //prevent scrolling
            $(document).bind('touchstart touchmove', function(e)
            {
                e.preventDefault();
            });
        });
    </script>
</head>
<body>
<canvas id = "screen">
</canvas>
</body>
</html>

2 回复 | 直到 12 年前

Stefan Kendall 14 年前

margin , padding 和 border 没有效果。

使用 position:absolute; top:0;left:0

-1

antimatter15 14 年前

添加 <style>* {margin:0;padding:0;border:0;position:absolute;width:100%;height:100%}</style>

推荐文章

Jay White · useRef。current存在,但根据作用域的不同为空

2 年前

Laurie Thom · 使用HTML画布和JS的拖尾图像

2 年前

Hamza Zafeer Bert · 2画布不能以单一HTML格式工作

2 年前

Chukwuma Kingsley · clearRect让我的方块消失了

2 年前

Shaheryar Ahmed · 如何在放大或缩小时更改tkinter画布文本项的大小?

2 年前

bemol · D3正确缩放/重缩放

2 年前

Ghoyos · 这个“如果声明”不应该引起反弹吗?

6 年前

Ghoyos · 一旦实例化/绘制到画布,移除/删除函数对象的最佳方式是什么?

6 年前

user8923822 · 如何从画布中清除Path2D

6 年前

Martyna · 画布上的李萨如曲线

6 年前