微信小程序遇到的坑

1、渲染图片

< view wx:for= '{{item.src}}' wx:for-item= "src" >

< image src= "https://yffice.com{{src}}" class= "slide-image" />

</ view >

2、小程序要求所有的打包上传的文件不超过2M，图片都已经压缩，还是超载了，所以将一部分放到远程服务器，然后再请求，但是远程服务器的域名不需要再加入到域名信息中。

3、canvas绘制图片的时候，使用drawImage(),如果图片是请求服务器上的，会画不出来。

var that = this

var avatar = this. data. avatar

var [ W, H] = [ this. data. deviceInfo. windowWidth, this. data. deviceInfo. windowHeight]

wx. getImageInfo({

src: avatar,

success : function ( res) {

wx. setStorage({

key: 'storageHeadImg',

data: res. path,

});

let storageHeadImg = wx. getStorageSync( 'storageHeadImg')

ctx. drawImage( storageHeadImg, 0, 0, 132, 132, ( W - 132 / 750 * W) / 2, H * 0.04, 132 / 750 * W, 132 / 750 * W)

ctx. draw()

}

})

4、

5、