0

我正在<canvas>为一个班级项目做一个跳棋板。出于某种原因，我的画布从偏移开始，我无法修复它。 在此处输入图像描述

我不想发布太多代码，因为这是一个家庭作业，我不希望人们为我解决它。我确实尝试过<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">，但它不起作用。我基本上在做的是从 0 到 8 的 i 和 j 的嵌套 for 循环。我正在根据偶数/奇数位置更改颜色。在我决定了我的颜色之后，我正在做ctx.fillRect(i*50 ,j*50,50,50)

知道这个偏移量是从哪里来的吗？谢谢

4

1 回答 1

0

你的画布尺寸是 400 x 400 吗？是否有一个容器可以容纳背景为灰色 (#808080) 的画布？

如果是这样，这是一个 CSS 问题。尝试给画布一个 float:left 的样式。或者将画布绝对定位在它的容器内。

<canvas width="400" height="400" style="float:left"></canvas>

或者

<div style="position:relative"><!-- containing element -->
    <canvas width="400" height="400" style="top:0; left:0;position:absolute">
    </canvas>
</div>
于 2013-03-11T02:31:03.423 回答