angular-image-crop

时间:2024-07-23 21:28:48
【文件属性】:

文件名称:angular-image-crop

文件大小:13KB

文件格式:ZIP

更新时间:2024-07-23 21:28:48

JavaScript

角度图像裁剪 我正在尝试制作一个自包含的 AngularJS 指令,它允许您在将图像上传到服务器之前对其进行裁剪。 特征 触摸支持,滑动移动和拖动手柄缩放 - 查看已知问题 从您的设备/机器添加任何图像文件 输出为 base64 编码的数据 uri 使用 HTML5 Canvas 在灵活的上下文中显示图像,以允许拖动和缩放。 请注意,无论裁剪指南的形状如何,生成的图像都将是方形的。 例如,使用 'circle' 形状参数将显示圆形参考线,但在向用户渲染时必须对生成的图像进行遮罩。 浏览器支持 IE10+,Android 3+,iOS 6+,基本上所有现代浏览器! 用法 添加依赖项: angular.module('myApp',['ImageCropper']) 包括样式表 初始化指令示例代码。 参数 width (string) - 裁剪器的宽度 height (string) -


【文件预览】:
angular-image-crop-master
----image-crop-styles.css(2KB)
----image-crop.js(42KB)
----index.html(3KB)
----.gitignore(546B)
----README.md(2KB)

网友评论