fillRect()方法用于使用給定的顏色填充矩形。 fillRect()方法的默認顏色是黑色。
用法:
context.fillRect( x, y, width, height )
參數:該方法接受上述和以下所述的四個參數:
范例1:本示例使用fillRect()方法創建矩形并用默認顏色(黑色)填充。
<!DOCTYPE html> <html> <head> ????<title> ????????HTML canvas fillRect() Method ????</title> </head> <body> ????<canvas width="500" height="300"></canvas> ??????????<script> ????????var x = document.getElementById("GFG"); ????????var contex = x.getContext("2d"); ????????contex.fillRect(50, 50, 350, 200); ????????contex.stroke(); ????</script>? ??</body> </html>輸出:
范例2:本示例使用fillRect()方法創建矩形并用ve顏色(綠色)填充。
<!DOCTYPE html> <html> <head> ????<title> ????????HTML canvas fillRect() Method ????</title> </head> <body> ????<canvas width="500" height="300"></canvas> ??????????<script> ????????var x = document.getElementById("GFG"); ????????var contex = x.getContext("2d"); ????????contex.fillStyle = "green"; ????????contex.fillRect(50, 50, 350, 200); ????????contex.stroke(); ????</script>? ??</body> </html>輸出:
支持的瀏覽器:下面列出了fillRect()方法支持的瀏覽器:
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
網絡推廣與網站優化公司（網絡優化與推廣專家）作為數字營銷領域的核心服務提供方，其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代，公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而，對于許多公司來說，網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代，企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而，對于許多中小企業來說，高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是，隨...
如何登陸網頁yy？1.一般登錄yy都是通過yy通；2.登錄后點擊yy安全中心；3.點擊賬戶管理；4.點擊打開yy登錄；5.如果成功開通，可以登錄賬號，也不怕忘記通行證。YY在那里登陸/？該方法如下：1.一般登錄YY都是通過YY關口；2.登錄后點擊YY安全中心；3.點擊賬戶管理；4.點擊打開YY號碼登錄；5.如果成功開通，可以登錄賬號，也不怕忘記通行證。怎么在網頁上登陸賬號看YY直播？1.一般登錄Y...
iphone4s怎么拆？Iphone4s拆解方法示意圖：1.先把最下面的兩個螺絲打開，注意梅花和十字的區別。2.拆下螺絲后，拇指壓住后殼，向上推，打開后殼。3.擰下電池螺絲，拔下相機電源的卡簧。4.拉開塑料墊，取下電池(注意：還有彈簧墊圈)。5.把SIM卡槽拿出來，必須先拿出來，不然以后主板就拆不了了。6.拆下揚聲器麥克風的扁平電纜壓片，注意兩個螺絲的大小。7.撬開音箱麥克風的卡口，拉起排線，注意...
g1382列車途經站 k1382次列車經過地點？南昌到上饒高鐵途經？ G1382：南昌--上海虹橋第一站：南昌，到達時間：07:24，出發時間：07:24，運行時間：00分第二站：福州東，到達時間：07:56，出發時間：07:59，運行時間：32分第三站：鷹潭北，到達時間：08:13，出發時間：08:15，運行時間：49分第四站：上饒，到達時間：08:41，出發時間：08:43，運行時間：1:...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）