为什么我的矩形没有'；不出现在我的画布javascript中？_Javascript_Canvas_Canvasjs

为什么我的矩形没有'；不出现在我的画布javascript中？

javascript canvas

为什么我的矩形没有'；不出现在我的画布javascript中？,javascript,canvas,canvasjs,Javascript,Canvas,Canvasjs,我不知道我的js代码中缺少了什么，但是矩形没有出现，我缺少了什么？我有这个问题已经有一段时间了 “严格使用”；让ctx；函数设置（）{ 让canvas=document.getElementById（“myCanvas”）； ctx=canvas.getContext（“2d”）；数字（）； } 函数图（）{ ctx.fillStyle=“红色”； ctx.fillRect（50,50,150,75）； ctx.fillStyle=“红色”； ctx.fillRect（20020060

我不知道我的js代码中缺少了什么，但是矩形没有出现，我缺少了什么？我有这个问题已经有一段时间了

“严格使用”；
让ctx；
函数设置（）{
让canvas=document.getElementById（“myCanvas”）；
ctx=canvas.getContext（“2d”）；
数字（）；
}
函数图（）{
ctx.fillStyle=“红色”；
ctx.fillRect（50,50,150,75）；
ctx.fillStyle=“红色”；
ctx.fillRect（20020060100）；
}


矩形

您需要将脚本标记作为身体中的最后一个标记，浏览器在从上到下解析页面时呈现页面。这意味着当它到达body标记末尾的脚本部分时，应该加载HTML，因此脚本使用的元素很可能会出现，此外，还需要在javascript文件中调用setup函数 html文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>rectangles</title>
    <link href="javascript.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
  <script src="script.js"></script>  
     <canvas id="myCanvas" height="500" width="500" style="border: 1px solid black"></canvas>
 
</body>
</html>

script.js

中有什么内容？至少在您的代码片段中，您从未调用

setup

或

figures

"use strict";
let ctx;


function setup() {
  let canvas = document.getElementById("myCanvas");
  ctx = canvas.getContext("2d");
  
  figures();
}

function figures(){
    ctx.fillStyle = "red";
  ctx.fillRect(50, 50, 150, 75);
    ctx.fillStyle = "red";
  ctx.fillRect(200, 200, 60, 100);
}

setup();