1. 首页
  2. 数据库
  3. 其它
  4. 小程序如何在不同设备上自适应生成海报的实现方法

小程序如何在不同设备上自适应生成海报的实现方法

上传者: 2021-01-10 16:12:39上传 PDF文件 84.91KB 热度 14次
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢? 我们的在开发中常用的参考屏幕尺寸(iPhone6)为:375*667; 那么想要适应其他尺寸的屏幕时只需按照iPhone6的绘制大小按比例进行换算即可: 获取系统屏幕尺寸 先利用wx.getSystemInfo (获取系统信息)的API获取屏幕宽度,然后除iPhone6的屏幕宽度,即可得到相对单位 // 在onLoad中调用 const that = this wx.getSystemInfo({ success: functio
下载地址
用户评论