Javascript 我试着做一个长方形有什么不对吗?

Javascript 我试着做一个长方形有什么不对吗?,javascript,html,canvas,Javascript,Html,Canvas,我试图用html/javascript填充矩形,但出于某种原因,即使它只有几行代码,我也不知道我在这里做错了什么 我已经尝试过在代码中使用strokeStyle而不使用viewport,我还尝试过使用var canvas=document.getElementById(“myCanvas”)像这样,带双引号 var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext(“2d”); ctx.fillStyle

我试图用html/javascript填充矩形,但出于某种原因,即使它只有几行代码,我也不知道我在这里做错了什么

我已经尝试过在代码中使用strokeStyle而不使用viewport,我还尝试过使用
var canvas=document.getElementById(“myCanvas”)像这样,带双引号

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext(“2d”);
ctx.fillStyle=“rgb(255,255,255)”;
ctx.fillRect(0,0,40,40)

您正在白色画布上绘制一个白色矩形

更改
ctx.fillStyle=“rgb(255,255,255)”显示在白色背景上的颜色:

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext(“2d”);
ctx.fillStyle=“rgb(255,0,0)”;
ctx.fillRect(0,0,40,40)

rgb(255,255,255)
是白色的,因此您会得到一个白色的矩形。尝试更改颜色。
htmlcanvaseElement
应具有
height
width
属性。用css缩放不是一个好主意。好吧,谢谢,我犯了一个愚蠢的错误。虽然画布不是白色的,但是页面的背景是白色的。