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

时间:2010-06-25 07:21:02

标签: 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>

如何为此Rectangle设置颜色?

1 个答案:

答案 0 :(得分:4)

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

之前调用

fillStyle

如果你还没有使用它:

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