const canvas = wx.createCanvas(568 * , 320 * );//创建画布

var rpxw , rpxh ; //自适应单位

var pR ；//设备像素比

//获取屏幕宽高，获取自适应单位 ，设备像素比。

   wx.getSystemInfo({

  success: function (res) {

    rpxw = res.screenWidth / 568;

    rpxh = res.screenHeight/ 320;

    pR = res.pixelRatio;

  }

})

//创建上屏canvas。

const canvas = wx.createCanvas();

const context = canvas.getContext("2d");

//创建离屏canvas。

const canvas1 = wx.createCanvas();

const context1 = canvas1.getContext("2d");

//设定离屏画布宽高。

canvas1.width = 568  * pR;

canvas1.height =  320  * pR;

//绘制时宽高参数都乘以设备像素比pR。

context1.fillRect(0, 0, 568 * pR, 320 * pR);//矩形

//把离屏画布绘制到上屏画布时宽高参数都乘以自适应单位rpxw , rpxh 。

context.drawImage(canvas1, 0, 0， 568 * rpxw, 320 * rpxh);

案例：

Miuseshare 小作曲家软件

简称：小作曲家

若有用请帮转一下 ，分享好友。

游戏以控制音名图上下移动发出钢琴对应 乐音，选择与随机产生的音符图碰撞收集对应的音符图片和乐音。音符实时锁定动态显示度数，探测和弦组成音功能。音符音效含三和弦、七和弦以及其转位，四音列上下行重复半音后止于五音。有利于对基础音程的认识与记忆。设有《小鸟落水》（二度）、《小星星》（ 一度、五度）、《蓝色多瑙河A》（三度、和弦）、《摇篮曲》（四度、八度）、《难以抗拒你的容颜》（六度）歌曲练习板块。通过实时锁定音符动态显示度数，探测和弦组成音。让用户对音乐知识有进一步的认知！“创作源”、“音高与弦”、"乐音对接‘’、“音阶和弦” ，“基础音程”，Ukulele板块、辅助记忆、增加 用户对音乐元素的认识，对旋律音程进行与链接的认知。“创作功能”能让用户做简单的创作！