Javascript HTML画布未绘制

您好，我正在尝试制作一个脚本，将正方形绘制到画布上，但当我运行代码时，画布是白色的，这是我的代码。

var canvas = document.createElement("canvas")
canvas.id = "canvas"
container.append(canvas);
canvas = document.getElementById("canvas")

var ctx = canvas.getContext("2d");

ctx.strokeStyle = "rgb(242, 144, 7, 1)"
ctx.fillStyle = "rgb(242, 144, 7, 1)"
ctx.rect(0, 0, 50, 50)

您可能需要的一些信息。
是的，我检查了控制台，什么都没有
是的，我通过记录值并检查它是否为正确的颜色来检查设置的值，是的，我尝试使用#000000作为颜色 是的，我也试过把尺寸设为100，以防太小

---

谢谢你的时间

如果要传递4个值，则需要使用

rgba

ctx.strokeStyle = "rgba(242, 144, 7, 1)"
ctx.fillStyle = "rgba(242, 144, 7, 1)"
ctx.rect(0, 0, 50, 50)

---

你漏了几行代码

var container=document.getElementById（“容器”）；
var canvas=document.createElement（“画布”）
canvas.id=“canvas”
container.append（画布）；
var ctx=canvas.getContext（“2d”）；
ctx.strokeStyle=“rgba（242、144、7、1）”
ctx.fillStyle=“rgba（242、144、7、1）”
ctx.rect（0,0,50,50）；
ctx.stroke（）
谢谢，但这并不能解决问题