這篇文章主要講解了“html5 canvas fillRect坐標(biāo)和大小的問題怎么解決”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“html5 canvas fillRect坐標(biāo)和大小的問題怎么解決”吧!
成都創(chuàng)新互聯(lián)從2013年成立,先為永仁等服務(wù)建站,永仁等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為永仁企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。fillRect(100,100,100,100) 前2個100是指坐標(biāo),后2個100是指寬和高。
今天學(xué)習(xí)html5 的canvas,發(fā)現(xiàn)fillRect的坐標(biāo)和大小一直不對,研究了半天,發(fā)現(xiàn)canvas的寬度和高度必須內(nèi)聯(lián)在canvas標(biāo)簽中才對。郁悶了半天。
錯誤的方式1:
代碼如下:
Document
錯誤的方式2:
代碼如下:
Document
顯示結(jié)果:
正確的方式:
代碼如下:
Document
感謝各位的閱讀,以上就是“html5 canvas fillRect坐標(biāo)和大小的問題怎么解決”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對html5 canvas fillRect坐標(biāo)和大小的問題怎么解決這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!