溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“微信小程序canvas尺寸怎么設置”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
微信小程序尺寸設置可使用rpx來標記尺寸，類同rem可在微信小程序中自適應兼容換算不同的機型尺寸。
但在小程序canvas中，尺寸換算會無效（由于繪畫的滯后），因此需要自適應計算canvas尺寸。
使用小程序提供的getSystemInfo可以獲取當前設備的系統信息，通過獲取當前的設備尺寸，來換算所需要設置的canvas尺寸，從而使得canvas繪圖可以適用于所有設備。
wx.getSystemInfo(OBJECT)
示例代碼：
wx.getSystemInfo({success: function(res) {console.log(res.model)console.log(res.pixelRatio)console.log(res.windowWidth)console.log(res.windowHeight)console.log(res.language)console.log(res.version)console.log(res.platform)}})獲取當前窗口寬、高以動態換算需要的canvas尺寸
wx.getSystemInfo({//獲取系統信息成功，將系統窗口的寬高賦給頁面的寬高success: function (res) {that.width = res.windowWidththat.height = res.windowHeightthat.radius = 105 / 602 * that.height}})“微信小程序canvas尺寸怎么設置”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
