uni-app 中 canvas的宽高如何设置为自适应尺寸

最近在做混合APP,使用的是uni-app框架

今天在写canvas中,需要设置图片尺寸,但是尺寸需要根据屏幕宽度不同而改变,这里需要进行单位的换算,因为canvas中只能使用默认的px,这里需要计算一下

context.drawImage(img, 0, 0, 宽度,高度);

//首先获取屏幕宽度
let device=uni.getSystemInfo();
let width=device.windowWidth;
//然后需要确定比例,设计图一般都是750的屏幕,这里是375px
let wid=width / 375;


context.drawImage(img, 0, 0, 100*wid,100*wid);

uni-app获取屏幕宽度:https://uniapp.dcloud.io/api/media/image?id=getimageinfo

你可能感兴趣的:(uni-app)