在微信開發者中畫弧線或者圓

2021-10-25 20:02:56 字數 1517 閱讀 9818

(1).在.wxml中使用canvas

``//設定 id與長和寬.

(2)在.js中使用以下**

在.js檔案中使用並且在onread:function(){}中使用

const ctx = wx.createcanvascontext('mycanvas')

// draw coordinates

ctx.arc(100, 75, 50, 0, 2 * math.pi)//分別為圓心的x,y座標,半徑,起始弧度和終止弧度

ctx.setfillstyle('#eeeeee')//設定填充色

ctx.fill()//進行填充

ctx.beginpath()//畫路徑,可用於畫線條

ctx.moveto(40, 75)//起始點座標

ctx.lineto(160, 75)//終止點座標

ctx.moveto(100, 15)

ctx.lineto(100, 135)

ctx.setstrokestyle('#aaaaaa')//設定邊框顏色

ctx.stroke()//畫出邊框

ctx.setfontsize(12)//設定字型大小

ctx.setfillstyle('black')//設定字型顏色

ctx.filltext('0', 165, 78)//設定文字(文字內容,文字所在的x,y座標)

ctx.filltext('0.5*pi', 83, 145)//同上

ctx.filltext('1*pi', 15, 78)

ctx.filltext('1.5*pi', 83, 10)

// draw points

ctx.beginpath()//設定綠點

ctx.arc(100, 75, 2, 0, 2 * math.pi)

ctx.setfillstyle('lightgreen')

ctx.fill()

ctx.beginpath()//設定藍點

ctx.arc(100, 25, 2, 0, 2 * math.pi)

ctx.setfillstyle('blue')

ctx.fill()

ctx.beginpath()//設定紅點

ctx.arc(150, 75, 2, 0, 2 * math.pi)

ctx.setfillstyle('red')

ctx.fill()

// draw arc

ctx.beginpath()//設定圓的邊框

ctx.arc(100, 75, 50, 0, 1.5 * math.pi)//同上

ctx.setstrokestyle('#333333')//設定描邊顏色

ctx.stroke()//畫出路徑邊框

ctx.draw()//完成繪畫

微信開發者中心

如果沒有伺服器,可以去搜尋小公尺球,作為臨時學習用。非常方便。解析使用者傳送的訊息。使用者post的訊息存在 request.body裡面 def parsemsg self,xmlbody 解析使用者傳送的訊息 try xmldata et.fromstring xmlbody msg msg t...

歷史 微信開發者工具 微信小程式開發者工具詳解

二 建立專案 三 開發工具介面介紹 2.除錯 開發完需要除錯程式的時候需要切換到這個區域,除錯區有很多任務具可供使用。3.專案 在這裡可以上傳或者預覽專案 4.編譯 就相當於執行專案的意思 5.關閉 關閉當前工程 7.這個區域可以看到整個專案的文件目錄結構 8.這個區域是編碼區 9.這裡是選擇螢幕尺...

如何成為微信開發者

1.web伺服器 a.這個可以自己購買,如果之前已有 可直接使用其伺服器,這樣也不用再購買網域名稱了。b.也可以使用免費的伺服器,搜尋一下,有很多。2.網域名稱 a.如果伺服器自己購買,也需要購買網域名稱,然後要設定網域名稱dns,將網域名稱繫結到購買的伺服器 b.如果使用免費伺服器,一般都有免費的...