如何解决试图在javascript中绘制形状,但功能无法在浏览器中加载
我正在尝试用js canvas标签绘制形状,将其保留在函数中。当我加载浏览器时,它是空的,我不确定自己在做什么错。 这是代码。
window.onload = function() {
var c = document.getElementById("myCanvas");
draw()
var ctx = c.getContext("2d");
function draw()
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,600,600);
ctx.fillStyle = "blue"
ctx.fillRect(250,250,50,50)
}
解决方法
您以错误的方式声明了函数,这就是为什么它不起作用的原因。您忘记在函数声明中添加大括号。在其声明后还要调用一个函数。
window.onload = function() {
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
function draw() { // added curly brackets
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,600,600);
ctx.fillStyle = "blue"
ctx.fillRect(250,250,50,50)
} // added curly brackets
draw(); // after function declaration
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。