2023年微信小程序API 繪圖beginPath(開始一個(gè)路徑)
微信小程序——向企業(yè)級(jí)用戶介紹繪圖API
#1 開始創(chuàng)作絕妙的路徑
微信小程序自帶canvas繪圖接口,而beginPath方法則是在繪制過(guò)程中非常核心的部分之一。通過(guò)調(diào)用beginPath,開發(fā)者可以讓canvas開始創(chuàng)建一個(gè)路徑,為后續(xù)的填充和描邊提供便利。
Tip:在使用beginPath時(shí),相當(dāng)于已經(jīng)調(diào)用了一次該方法,無(wú)需重復(fù),而被加入路徑的所有形狀會(huì)自動(dòng)閉合。
#2 多樣化的路徑選擇
在一個(gè)canvas里面,beginPath可以起到多重作用。比如,在同一個(gè)路徑內(nèi)可以使用多次setFillStyle和setStrokeStyle方法進(jìn)行設(shè)置,實(shí)現(xiàn)不同顏色、粗細(xì)的路徑繪制,最后以最后一次設(shè)置為準(zhǔn)。
Tip:如果需要重新開始一個(gè)新的路徑,在調(diào)用beginPath之后,只需再次繪制即可。
#3 舉例說(shuō)明
以下是一個(gè)演示beginPath方法使用的小例子:
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()
在這個(gè)例子中,我們可以看到beginPath方法被用了兩次。第一次在繪制黃色長(zhǎng)方形之前,第二次是重新開始一個(gè)新的路徑,并在其中添加三個(gè)不同的形狀。最后以紅色進(jìn)行填充。
總結(jié):繪圖API的靈活運(yùn)用需要借助對(duì)各個(gè)接口方法的深入掌握,只有理解和掌握它們之間的互動(dòng)關(guān)系,才能實(shí)現(xiàn)驚人的效果。
<本文由himall原創(chuàng),商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)標(biāo)明:himall原創(chuàng)>
滿足不同行業(yè)發(fā)展電商的需求,HiMall更有針對(duì)性的提供不同行業(yè)內(nèi)的電商解決方案
-
跨境電商解決方案
支持直郵/保稅模式
對(duì)接海關(guān)/保稅倉(cāng)
支持多國(guó)國(guó)際語(yǔ)言
對(duì)接Paypal國(guó)際支付
幫助跨境外貿(mào)企業(yè)搭建跨境進(jìn)口/出口電商平臺(tái),搶占國(guó)際電商市場(chǎng),針對(duì)企業(yè)需求定制個(gè)性化跨境電商解決方案 -
分賬解決方案
迎合金融監(jiān)管要求
規(guī)避“二清”結(jié)算
節(jié)約平臺(tái)財(cái)務(wù)成本
降低平臺(tái)招商成本
在合法、合規(guī)的前提下,為電商平臺(tái)提供資金收付、賬戶管理、資金合規(guī)等一體化整體解決方案 -
B2B批發(fā)解決方案
多級(jí)階梯批發(fā)價(jià)
布局全渠道批發(fā)入口
專屬批發(fā)訂貨市場(chǎng)
銀聯(lián)B2B大額支付
為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺(tái),整合線下批發(fā)資源,拓展線上批發(fā)渠道,實(shí)現(xiàn)批發(fā)業(yè)務(wù)24小時(shí)在線經(jīng)營(yíng)
-
MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng)|MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng)有哪些功能
最新消息:MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng) 是一款集產(chǎn)、研、銷于一體的綜合性解決方案,專為解決工業(yè)品企業(yè)的采購(gòu)難題而設(shè)計(jì)。該系統(tǒng)通過(guò)...詳情
-
電子元器件采購(gòu)商城系統(tǒng)|電子元器件采購(gòu)商城系統(tǒng)有哪些功能
最新消息:電子元器件采購(gòu)商城系統(tǒng) 是專為滿足電子元器件行業(yè)復(fù)雜業(yè)務(wù)流程需求而設(shè)計(jì)的綜合性平臺(tái)。它不僅提供了全面的技術(shù)支持...詳情
【本站聲明】
1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識(shí)及傳遞、交流相關(guān)電商信息,以便您學(xué)習(xí)或了解電商知識(shí),請(qǐng)您不要用于其他用途;
2、該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)并非來(lái)源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無(wú)關(guān),系他人的商品或服務(wù),本網(wǎng)站對(duì)于該類商標(biāo)、標(biāo)識(shí)不擁有任何權(quán)利;
3、本網(wǎng)站不對(duì)該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保;
4、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé),僅系客觀性描述,如您需要了解該類商品/服務(wù)詳細(xì)的資訊,請(qǐng)您直接與該類商品/服務(wù)的提供者聯(lián)系。