大學生新聞網(wǎng)，大學生新聞發(fā)布平臺
小程序畫布開始創(chuàng)建一個路徑CanvasContext.beginPath
CanvasContext.beginPath()
開始創(chuàng)建一個路徑。需要調(diào)用 fill 或者 <code>stroke 才會使用路徑進行填充或描邊
小程序插件：支持
在最開始的時候相當于調(diào)用了一次 beginPath。
同一個路徑內(nèi)的多次 setFillStyle、<code>setStrokeStyle、setLineWidth等設置，以最后一次設置為準。
示例代碼
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()
開始創(chuàng)建一個路徑。需要調(diào)用 fill 或者 <code>stroke 才會使用路徑進行填充或描邊
小程序插件：支持
在最開始的時候相當于調(diào)用了一次 beginPath。
同一個路徑內(nèi)的多次 setFillStyle、<code>setStrokeStyle、setLineWidth等設置，以最后一次設置為準。
示例代碼
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) 來源：大學生新聞網(wǎng)
- 發(fā)布時間：2025-04-14 閱讀：
- 掃一掃 分享悅讀
- 小程序把路徑移動到畫布中的指定點CanvasContext.moveTo
- CanvasContext.moveTo(number x, number y)
- 04-14 關注：0
- 小程序畫布開始創(chuàng)建一個路徑CanvasContext.beginPath
- 開始創(chuàng)建一個路徑。需要調(diào)用 fill 或者
stroke 才會使用路徑進行填充或描邊 - 04-14 關注：0
- 小程序畫布恢復之前保存的繪圖上下文 CanvasContext.restore()
- const ctx = wx.createCanvasContext('myCanvas')
- 04-12 關注：3
- 小程序畫布保存繪圖上下文CanvasContext.save
- const ctx = wx.createCanvasContext('myCanvas')
- 04-12 關注：4
- 小程序畫布測量文本尺寸信息CanvasContext.measureText
- Object CanvasContext.measureText(string text)
- 04-12 關注：2
- 小程序畫布對指定的圖像創(chuàng)建模式的方法CanvasContext.createPatt
- CanvasContext.createPattern(string image, string repetition)
- 04-12 關注：3
- 小程序創(chuàng)建一個圓形的漸變顏色CanvasContext.createCircularGrad
- CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
- 04-12 關注：4
- 小程序畫布創(chuàng)建一個線性的漸變顏色CanvasContext.createLinearGr
- CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
- 04-12 關注：3
-
客服QQ：471708534 大學生新聞網(wǎng)©版權所有