小程式之頭像做圓角

2022-09-24 01:57:07 字數 320 閱讀 5492

小程式可以在沒有授權時是可以獲取微信頭像的資訊顯示的,即通過open-data獲取顯示,頭像的type為user**atarurl。

//頭像顯示的寫法

接下來我們會給頭像加個布局class和mode,那麼**就會變成這樣:

//新增class、mode

.headview .icon 這是我們會發現我們雖然class裡有做圓角,可是沒有起作用:

所以我們得到結論:小程式open-data中的頭像,我們是不能對其做圓角之類的處理。

那麼,我們怎樣才能做到在沒有獲取授權時 拿使用者頭像顯示 並做圓角呢?

下面就是我的處理方式:

小程式 canvas 繪製圓角矩形

繪製圓角矩形 param ctx canvas元件的繪圖上下文 param x 矩形的x座標 param y 矩形的y座標 param w 矩形的寬度 param h 矩形的高度 param r 矩形的圓角半徑 param c transparent 矩形的填充色 roundrect ctx,x,y...

微信小程式開發之頭像是Emoji表情的儲存問題

只能儲存3個位元組,而 emoji表情有些需要佔4個位元組。這時就需要我們修改資料庫的編碼格式了。首先,我們新建資料庫時選擇utf8mb4編碼,相應的表中字段也設定成utf8mb4編碼 設定完之後,可以在資料庫 查詢 新建查詢裡執行一下下邊的命令,檢視資料庫的編碼格式是否改成utf8mb4編碼 sh...

微信小程式01獲取暱稱和頭像

一.頁面建立 2 文字文字內容 3 按鈕按鈕上的字 6.在wxss裡面給頁面布局 可以用class的方法給view內容進行排布,也可以直接按元件來規定樣式,但是如果用class時需要在前面加上乙個 例如 contain text image 按鈕上的字 已經學習了兩個屬性open typy和bind...