如何将颜色设置为用html5绘制的矩形?

问题描述:

我正在学习Html5。如何将颜色设置为用html5绘制的矩形?

<html> 
<body> 
<canvas id="canvas1" width="300" height="200"></canvas> 
<script> 
var canvas = document.getElementById("canvas1"); 
var cxt = canvas.getContext("2d"); 

context.fillRect(0, 0, 150, 100); 

</script> 
</body> 
</html> 

如何为此矩形设置颜色?

+0

也许你只是忘记了(中),但始终使用HTML 5 Doctype,因为这会引发怪癖模式。 ''。 – 2010-06-25 23:50:04

ctx.fillStyle = "rgb(200,0,0)"; 
ctx.fillRect(0, 0, 150, 100); 

填充样式必须fillRect

而在此之前,如果你还没有使用它被称为:

https://developer.mozilla.org/en/canvas_tutorial

+0

我还没有看到这个。谢谢! – Shunter1112 2010-06-28 23:17:33