如何在ol3中使用Java脚本导出地图以显示图例

Question

如何在打开的layer3中使用Java脚本导出地图以在地图上显示图例。 尝试以下代码

 function WriteLegendtoCanvas(e) {  
        var ctx = e.context;
        var x=50,y=50;
        var arr = $('div#legendId img');
        for(i=0;i<arr.length;i++){
            var img = new Image();
            img.src = $(arr[i]).attr('src');
            img.onload = function() { ctx.drawImage(img, x, y); }
            ctx.drawImage(img, x, y); 
            ctx.beginPath();
            ctx.lineWidth = line1;
            ctx.strokeStyle = "#FFFFFF";
            ctx.moveTo(x, y);
            y+=20;
            ctx.lineTo(x, y);
            ctx.stroke();
        }
 }

我想将图例转换为图像，然后在地图上显示。 但是如何在其中添加img src。