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中 需要在服务运行环境中
截图效果不好
跨域要特殊设置