关于Canvas画布渲染不出来的问题

2023-10-08 10:42:58 浏览数 (2)

画布内容渲染不出

问题再现

学习Canvas的时候，打算描绘一个矩形并测试清除画布方法时，当编写完基本的canvas代码时，发现！画布内的矩形无法显示出来。代码如下

代码语言：javascript复制

<style>
    #mycanvas{
        width: 500px;
        height: 500px;
        display: block;
        border: 1px solid black;
        margin: 0 auto ;
    }
</style>
<body>
    <canvas id="mycanvas"> </canvas>
</body>
<script>

    var canvas =document.querySelector('#mycanvas');
    var ct =canvas.getContext('2d');
    ct.fillStyle='red'
    ct.fillRect(200,200,200,200);
</script>

显示如下

我的矩形呢！！！

渲染 canvas height 测试浏览器

0 人点赞