更新時(shí)間:2022-09-01 09:48:46 來(lái)源:動(dòng)力節(jié)點(diǎn) 瀏覽6659次
在CSS3中的樣式屬性中,如果想要設(shè)置canvas的背景色,可以給canvas元素設(shè)置一個(gè)id值,利用ID選擇器設(shè)置背景色。
雙擊打開(kāi)HBuilderX開(kāi)發(fā)工具,在Web項(xiàng)目中新建靜態(tài)頁(yè)面canvas.html

打開(kāi)已新建的canvas.html文件,修改title標(biāo)簽里的文字內(nèi)容

在<body></body>標(biāo)簽內(nèi),插入一個(gè)canvas標(biāo)簽,并設(shè)置id屬性值

在canvas標(biāo)簽下,添加script標(biāo)簽并初始化canvas對(duì)象,調(diào)用自帶的方法

保存代碼并運(yùn)行項(xiàng)目,打開(kāi)瀏覽器查看界面效果,可以發(fā)現(xiàn)繪制了一條線

在style標(biāo)簽中,利用ID選擇器設(shè)置canvas樣式,添加背景色設(shè)置

再次保存代碼文件,并刷新瀏覽器,可以看到canvas畫(huà)布背景色發(fā)生了改變

Java實(shí)驗(yàn)班
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
Java就業(yè)班
有基礎(chǔ) 直達(dá)就業(yè)
Java夜校直播班
業(yè)余時(shí)間 高薪轉(zhuǎn)行
Java在職加薪班
工作1~3年,加薪神器
Java架構(gòu)師班
工作3~5年,晉升架構(gòu)
提交申請(qǐng)后,顧問(wèn)老師會(huì)電話與您溝通安排學(xué)習(xí)