ngImgCrop是AngularJS的一个 图片 裁剪插件 ,它实际上是一个 封装好的AngularJs指令,可以让用户 以圆框或者方框来裁剪图片
1、使用效果 截图
2、demo演示
demo演示地址 http://jsfiddle.net/alexk111/rw6q9/
3、下载安装
可以使用两种方式来下载ngImgCrop插件
a、GitHub下载:git clone https://github.com/alexk111/ngImgCrop.git
b、bower安装,如果项目中使用了bower,使用命令bower install ngImgCrop即可
4、添加 js和css依赖到项目中
rush:xhtml;">
5、添加 AngularJs依赖
rush:js;">
var myAppModule = angular.module('MyApp',['ngImgCrop']);
6、使用样例
rush:xhtml;">
Select an image file:
Cropped Image:
rush:js;">
function getBlobBydataURL(dataURI,type){
var binary = atob(dataURI.split(',')[1]);
var array = [];
for(var i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
return new Blob([new Uint8Array(array)],{type:type });
}
var $Blob = getBlobBydataURL($s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.myCroppedImage,"image/png");
$s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.file = $Blob;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。