新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序API繪圖fill(對當(dāng)前路徑進(jìn)行填充)
繪圖接口和方法

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)新華免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
canvasContext.fill
定義
對當(dāng)前路徑中的內(nèi)容進(jìn)行填充。默認(rèn)的填充色為黑色。
Tip: 如果當(dāng)前路徑?jīng)]有閉合,fill()方法會(huì)將起點(diǎn)和終點(diǎn)進(jìn)行連接,然后填充,詳情見例一。
Tip:fill()填充的的路徑是從beginPath()開始計(jì)算,但是不會(huì)將fillRect()包含進(jìn)去,詳情見例二。
例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.moveTo(10, 10)
ctx.lineTo(100, 10)
ctx.lineTo(100, 100)
ctx.fill()
ctx.draw()
const ctx = wx.createCanvasContext('myCanvas')
// begin path
ctx.rect(10, 10, 100, 30)
ctx.setFillStyle('yellow')
ctx.fill()
// begin another path
ctx.beginPath()
ctx.rect(10, 40, 100, 30)
// only fill this rect, not in current path
ctx.setFillStyle('blue')
ctx.fillRect(10, 70, 100, 30)
ctx.rect(10, 100, 100, 30)
// it will fill current path
ctx.setFillStyle('red')
ctx.fill()
ctx.draw()
繪圖接口和方法
網(wǎng)站標(biāo)題:創(chuàng)新互聯(lián)小程序教程:微信小程序API繪圖fill(對當(dāng)前路徑進(jìn)行填充)
本文網(wǎng)址:http://m.fisionsoft.com.cn/article/dpcejpp.html


咨詢
建站咨詢
