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

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

html

如何将颜色设置为使用html5绘制的矩形？,html,Html,我正在学习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); </sc

我正在学习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>


var canvas=document.getElementById（“canvas1”）；
var cxt=canvas.getContext（“2d”）；
fillRect（0,0150100）；

如何设置此矩形的颜色

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

必须在fillRect之前调用fillStyle

如果您还没有使用它：

也许您只是忘记（粘贴）它，但始终使用HTML5doctype，因为这将触发怪癖模式<代码>。