这篇文章主要讲解了“html5 canvas fillRect坐标和大小的问题怎么解决”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“html5 canvas fillRect坐标和大小的问题怎么解决”吧！

成都创新互联从2013年成立，先为永仁等服务建站，永仁等地企业，进行企业商务咨询服务。为永仁企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

fillRect(100,100,100,100) 前2个100是指坐标，后2个100是指宽和高。

今天学习html5 的canvas，发现fillRect的坐标和大小一直不对，研究了半天，发现canvas的宽度和高度必须内联在canvas标签中才对。郁闷了半天。

错误的方式1:

代码如下:

错误的方式2：

代码如下:

显示结果：

正确的方式：

代码如下:

感谢各位的阅读，以上就是“html5 canvas fillRect坐标和大小的问题怎么解决”的内容了，经过本文的学习后，相信大家对html5 canvas fillRect坐标和大小的问题怎么解决这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！

网站栏目：html5canvasfillRect坐标和大小的问题怎么解决-创新互联
网址分享：http://scyanting.com/article/hisjo.html