时间戳

首页 > 解决方案 > 将html画布放在页面的左上角

javascript - 将html画布放在页面的左上角

问题描述

我有以下html文件：

<canvas id="myCanvas" width="1440" height="800" style="border:0px solid #d3d3d3;"></canvas>
<body style="background-color:#FF0000;">

<script>
    var canvas = document.getElementById('myCanvas')
    let ctx = canvas.getContext('2d')
    ctx.beginPath()
    ctx.fillStyle = "#00FF00"
    ctx.fillRect(0, 0, 2400, 2000) // background
    ctx.stroke()
</script>

这会产生一个如下所示的页面：

在此处输入图像描述

请注意，画布从左上角的下方和右侧开始。我怎样才能把它准确地放在左上角？

标签： javascripthtml5-canvas

解决方案

添加margin: 0; padding: 0;到正文中，它将把画布放在左上角。

推荐阅读