图形

2023年08月11日

柏拉文

越努力，越幸运

一、矩形

---

1.1 ctx.filleRect()

<canvas id="canvas"></canvas>

<script>
    const canvas = document.querySelector("#canvas");
    const ctx = canvas.getContext('2d');

    ctx.fillStyle = 'green';
    ctx.fillRect(10,10,150,100);
</script>

1.2 ctx.rect() ctx.fill()

<canvas id="canvas"></canvas>

<script>
    const canvas = document.querySelector("#canvas");
    const ctx = canvas.getContext('2d');

    ctx.fillStyle = 'green';
    ctx.rect(0,0,200,100);
    ctx.fill();
</script>