接口返回base64图片，如何在画布中显示

话不多说直接上代码：

html：
<canvas id="mycanvas"></canvas>


js：
 var canvas = document.getElementById("mycanvas");
            var ctx = canvas.getContext("2d");
            //创建图片
            var image = new Image();
            //设置图片地址
            image.src = res.data  //res.data为接口返回的base64图片
            image.onload = function () {
                //2个参数 图片的xy坐标
                // ctx.drawImage(image, 0, 0)
                //4各参数 图片的起始坐标和宽高
                ctx.drawImage(image, 0, 0, 300, 150)
                //参数 408, 81 切片的起始坐标， 147, 182 切片切掉原图的尺寸， 0, 0,切完之后切片的位置400, 400切完之后 切片的大小
                // ctx.drawImage(image, 900, 100, 0, 0, 0, 0, 0, 0)
            }