1. 程式人生 > >【小程式】(踩坑)

【小程式】(踩坑)

1, canvas中新增文字定位出錯問題 fillText

說明:當我使用fillText新增文字並定位到座標0,0時,發現文字並沒有如預期的一樣顯示,而是有部分超出了畫布外。後來才發現是因為畫布中是預設文字是根據座標點居中顯示的;

只要設定好對其方式即可;

ctx.setTextAlign(‘left’);			//設定文字的水平對齊
ctx.setTextBaseline(‘top’);		//設定文字的豎直對齊

2,text預設行高
小程式text預設行高 是1.25
小程式text 行高:字型大小 4:3

3,canvas的api使用單位px問題

說明:由於canvas中許多api使用寬高單位為px,為了讓寬高動態改變,則需要計算計算螢幕比例係數

	const res = wx.getSystemInfoSync();
        let XS = 750 / res.windowWidth;		// 750 / 裝置螢幕的寬度

4,寫在page外的變數拿不到

說明:需要一個全域性的變數我會把他寫在page外面,然而有時候會出現變數undefined的情況,開始一臉懵逼。之後才發現寫在page外的程式碼會在小程式生成的時候執行。