网站建设资讯

NEWS

网站建设资讯

html5canvasfillRect坐标和大小的问题怎么解决

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

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计、网站制作、武威网络推广、微信小程序定制开发、武威网络营销、武威企业策划、武威品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供武威建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

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

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

错误的方式1:

代码如下:

 
 
 
 
Document 
 
 
 
 
 
 


错误的方式2:

代码如下:

 
 
 
 
Document 
 
 
 
 
 


显示结果:

正确的方式:

代码如下:

 
 
 
 
Document 
 
 
 
 
 

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


网站名称:html5canvasfillRect坐标和大小的问题怎么解决
网站地址:http://cdweb.net/article/gsppso.html