想将div转换为图像以供下载 - Angular JS

Question

我想将我的angularjs应用程序的div部分转换为图像，以便我可以根据客户要求下载它。

<div class="wrap-dashboard">
<div class="dashboard">
    <div gridster="vm.gridsterOptions">
        <ul>
             <li gridster-item="widget" ng-repeat="widget in vm.widgets">
                <div class="box" >
                    <div class="box-header">
                        <h3>{{ widget.name }}</h3>
                        <div class="box-header-btns pull-right">
                            <a title="Download widget" ng-click="" id="download"><i class="glyphicon glyphicon-download"></i></a>
                            <a title="settings" ng-click="vm.openSettings(widget)"><i class="glyphicon glyphicon-cog"></i></a>
                            <a title="Remove widget" ng-click="vm.remove(widget)"><i class="glyphicon glyphicon-trash"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <nvd3 options="widget.options" data="widget.options.dataList" api="widget.options.api" config="vm.config" events="vm.events"></nvd3>
                    </div>
                </div>
            </li> 
        </ul>
    </div>
</div>

此代码的输出是图表

现在我想下载此图表，但不知道如何... 任何形式的帮助将不胜感激。在此先感谢!!