在HTML中绘制2D时遇到问题

时间:2014-05-23 02:58:00

标签: javascript html html5 canvas html5-canvas

我不确定如何制作2D游戏,我需要画一个Rectangle并且不确定为什么它不会出现。我将canvas display:设置为none,但在运行某个功能后,它会更改为阻止显示,因此我不确定是否会干扰它。无论如何,这是代码:

var gameContext = canvas.getContext("2d");
function draw() {
    gameContext.beginPath();
    gameContext.lineWidth="6";
    gameContext.strokeStyle="red";
    gameContext.rect(5,5,290,140);  
    gameContext.stroke();
}
draw();

感谢任何帮助,它有很多帮助!

1 个答案:

答案 0 :(得分:1)

我发现您发布的代码没有任何问题。事实上,我自己运行它,它工作正常。更改显示属性也不应影响它。也许尝试在画布周围放一个边框,这样你就可以确定元素是可见的,例如

<canvas style="border: 2px solid black;"/>