html2canvas

html:

                <div id="view"  >

                     <img style="width: 100px; height: 100px;" ng-src="">
                    <input type="button" value="截图" ng-click="takeScreenshot()">
                </div>

angular.js
        $scope.takeScreenshot = function() {
            console.log('test');
            var node = document.getElementById('view');
            html2canvas(node, {
                useCORS: true, //（图片跨域相关）
                allowTaint: false, //允许跨域（图片跨域相关）
                taintTest: true, //是否在渲染前测试图片
                onrendered: function(canvas) {
                    node.appendChild(canvas);
                }
            });

        }

注意：不能再静态HTML中  需要在服务运行环境中

截图效果不好

跨域要特殊设置