欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html5 canvas fillRect坐标和大小的问题解决方法_html5教程技巧

程序员文章站 2022-04-28 12:20:57
...
fillRect(100,100,100,100) 前2个100是指坐标,后2个100是指宽和高。

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

错误的方式1:

复制代码
代码如下:





Document








错误的方式2:

复制代码
代码如下:





Document







显示结果:

正确的方式:

复制代码
代码如下:





Document