cavas fill()和fillrect()的区别

<body>
        <canvas id="csn" width="400" height="300" style="border: 1px solid cadetblue; "></canvas>
        <script type="text/javascript">
            var odiv1=document.getElementById('csn')
            var ctx=odiv1.getContext('2d')
            ctx.rect(20,20,150,100);
            ctx.fill();
            ctx.fillRect(40,40,100,100);
            
        </script>
    </body>

问一下大神们fill()和fillrect()除了调用显示在画布上的区别外。还有什么区别吗?最好举例说明一下。

阅读 3.5k
2 个回答

fillRect可以分解成:
rect(x,y, width, height)
fill();

fill()是更底层的方法,fillRect只用来绘制填充矩形,fill是用来对任意的闭合路径进行填充,比如说arc()圆形也一样可以绘制

fillRect(x, y, width, height)
绘制一个填充的矩形
fill()
通过填充路径的内容区域生成实心的图形。

参考:
https://developer.mozilla.org...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题