Javascript 如何下载angularjs easypiechart酒店？

我已经使用angular指令制作了一个简单的饼图，该指令位于父div元素中。现在我想在单击下载按钮时下载该图表，但下载失败

我的HTML代码是：

 <div class="ibox-content" style="height:227px">
                            <div id = "wePieChart">
                                <div easypiechart class="easyPieChart" percent="weScorePercent"
                                    options="easyPieChartOptions">
                                    <span>
                                        <h2>{{wescore[0].paramScoreLabel}}</h2>
                                    </span>
                                </div>
                            </div>
                        </div>
<button    id="attritionTrendImg" 
                                class="btn btn-xs btn-primary pull-right" title="Download">
                                    <i class="fa fa-download"></i>
                            </button>

{{wescore[0].paramScoreLabel}

我的脚本代码是：

<script src='https://html2canvas.hertzen.com/'>
var divX2=document.createElement('canvas');
divAt2X('#wePieChart',1.5);

$('#attritionTrendImg').on('click',function(){
    // save
    var a = document.createElement('a');
    a.href = divX2.toDataURL("image/png");       
    a.download = 'image.png';
    a.click();                
});

function divAt2X(id,upscale){
    var w=$(id).width();
    var h=$(id).height();
    html2canvas($(id),{
        onrendered:
            function(canvasDiv){
                // scale up
                ctx=divX2.getContext('2d');
                divX2.width=w*upscale;
                divX2.height=h*upscale;
                ctx.scale(upscale,upscale);
                ctx.drawImage(canvasDiv,0,0);
            }
        }
    );
}
</script>

var divX2=document.createElement（'canvas'）；
divAt2X（'wePieChart'，1.5）；
$（'#attrationtrendimg'）。在（'click'，function（）上{
//拯救
var a=document.createElement（'a'）；
a、 href=divX2.toDataURL（“image/png”）；
a、 下载='image.png'；
a、 单击（）；
});
函数divAt2X（id，高档）{
var w=$（id）.width（）；
var h=$（id）.height（）；
html2canvas（$（id）{
已呈现：
职能（游说组）{
//放大
ctx=divX2.getContext（'2d'）；
divX2.宽度=w*高档；
divX2.高度=高*高刻度；
ctx.刻度（高档、高档）；
ctx.drawImage（canvasDiv，0,0）；
}
}
);
}

但这是行不通的，要么我的方法是错误的，要么我只是用这个方法做了一些错误的事情。请帮忙

谢谢