武装少女在线观看高清完整版免费,丝袜+亚洲区,少妇被cao高潮呻吟声,午夜伦情电午夜伦情电影,日日躁夜夜躁狠狠躁

小程序模板網(wǎng)

微信小程序canvas尺寸設(shè)置

發(fā)布時間：2018-05-03 15:54 所屬欄目：小程序開發(fā)教程

微信小程序尺寸設(shè)置可使用rpx來標(biāo)記尺寸，類同rem可在微信小程序中自適應(yīng)兼容換算不同的機型尺寸。 
但在小程序canvas中，尺寸換算會無效（由于繪畫的滯后），因此需要自適應(yīng)計算canvas尺寸。

 

一.解決方案

使用小程序提供的getSystemInfo可以獲取當(dāng)前設(shè)備的系統(tǒng)信息，通過獲取當(dāng)前的設(shè)備尺寸，來換算所需要設(shè)置的canvas尺寸，從而使得canvas繪圖可以適用于所有設(shè)備。

wx.getSystemInfo(OBJECT)

獲取系統(tǒng)信息。

OBJECT參數(shù)說明：

success回調(diào)參數(shù)說明：

示例代碼：

 

				
    
					
  1. 
						wx.getSystemInfo({
    2. 
					
  2. 
						success: function(res) {
    3. 
					
  3. 
						console.log(res.model)
    4. 
					
  4. 
						console.log(res.pixelRatio)
    5. 
					
  5. 
						console.log(res.windowWidth)
    6. 
					
  6. 
						console.log(res.windowHeight)
    7. 
					
  7. 
						console.log(res.language)
    8. 
					
  8. 
						console.log(res.version)
    9. 
					
  9. 
						console.log(res.platform)
    10. 
					
  10. 
						}
    11. 
					
  11. 
						})
    12. 
				

				

					 

				

					二.計算示例

				

					獲取當(dāng)前窗口寬、高以動態(tài)換算需要的canvas尺寸

				

					 

				

				
    
					
  1. 
						wx.getSystemInfo({
    2. 
					
  2. 
						//獲取系統(tǒng)信息成功，將系統(tǒng)窗口的寬高賦給頁面的寬高
    3. 
					
  3. 
						success: function (res) {
    4. 
					
  4. 
						that.width = res.windowWidth
    5. 
					
  5. 
						that.height = res.windowHeight
    6. 
					
  6. 
						that.radius = 105 / 602 * that.height
    7. 
					
  7. 
						}
    8. 
					
  8. 
						})
    9. 
				

					
		

	




            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉庫:starfork
                

                

                    本文地址：http://www.kknew.com.cn/wxmini/doc/course/24210.html 復(fù)制鏈接 
                    如需定制請聯(lián)系易優(yōu)客服咨詢：800182392 點擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢 
    

      
    

    
  






 



    

        AI智能客服
        ×