文件名称:angular-image-crop:使用AngularJS在客户端裁剪图像的更好方法
文件大小:16KB
文件格式:ZIP
更新时间:2024-03-11 09:55:39
JavaScript
角度图像裁剪 我正在尝试制定一个独立的AngularJS指令,该指令可让您在将图像上传到服务器之前对其进行裁剪。 特征 触摸支持,滑动以移动并拖动手柄进行缩放-查看已知问题 从您的设备/机器添加任何图像文件 输出为以base64编码的数据uri 使用HTML5 Canvas在灵活的上下文中显示图像,以允许拖动和缩放。 请注意,无论裁剪指南的形状如何,生成的图像都是正方形。 例如,使用'circle'形状参数将显示圆形参考线,但是在呈现给用户时必须掩盖生成的图像。 浏览器支持 IE10 +,Android 3 +,iOS 6+,基本上是所有现代浏览器! 用法 添加依赖项: angular.module('myApp',['ImageCropper']) 包括样式表 初始化指令,示例代码。 参数 宽度(字符串)-裁切器的宽度 高度(字符串)-裁纸器的高度 填充(整数)-以像素为单位的空间
【文件预览】:
angular-image-crop-master
----image-crop-styles.css(2KB)
----image-crop.js(46KB)
----index.html(4KB)
----index2.html(4KB)
----README.md(2KB)
----bower.json(465B)