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

最近在做混合APP，使用的是uni-app框架今天在写canvas中，需要设置图片尺寸，但是尺寸需要根据屏幕宽度不同而改变，这里需要进行单位的换算，因为canvas中只能使用默认的px，这里需要计算一下context.drawImage(img, 0, 0, 宽度，高度);//首先获取屏幕宽度let device=uni.getSystemInfo();let width...

Bright2017

15499人浏览 · 2020-04-27 17:24:52

Bright2017 · 2020-04-27 17:24:52 发布

最近在做混合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

您的支持是对我最大的鼓励。