convert canvas to an image and download it as a local image file

本次需求涉及自主绘制的canvas图表，当用户点击下载按钮时，即可获取当前视图对应的png格式图片。

在echarts的官方配置中，提供了一种方法，能够直接将图表保存为png格式的图片文件，具体配置方式如下

所呈现的成果如图所示，用户可通过点击界面右上角的按钮将图像保存至本地设备。

在此处，我通过本地canvas进行模拟，以达成与echarts下载图片相同的效果，所采用的html代码如下

 <canvas id="chart" width="200" height="100"></canvas>

    
 <button id="btn">下载</button>
    
    
    
    

以下为script代码片段，大致分为三个步骤

首先，需要将canvas元素转化为base64编码格式的url

 var can = document.getEl