【文件属性】:
文件名称:vue-picture-cut:Image clipping tool based on Vue and Typescript. Feature:Scale, flip, rotate, edge check, rectangle clip, ellipse clip. 基于vue和typescript的图片剪裁工具。功能:缩放、翻折、旋转、边缘校验、矩形剪裁、任意(椭)圆剪裁
文件大小:1.51MB
文件格式:ZIP
更新时间:2021-05-23 20:43:02
image typescript vue vue-picture-cut JavaScript
Vue图片剪切2.x
English |
一种基于vue和typescript的图像裁剪工具。 优点:独创,重量轻,使用简单,功能全面,扩展性强功能:缩放,翻转,旋转,边缘检查,矩形夹,椭圆夹关于缩放:鼠标(鼠标滚轮缩放),触摸屏(双指缩放)
【此版本有太多错误,不再维护】
:rocket:
一,用途
安装
在Vue中使用
1,在main.js全局引用
import Vue from 'vue' ;
import 'vue-picture-cut/lib/vue-picture-cut.css' ;
import VuePictureCut from 'vue-picture-cut' ;
Vue . use ( VuePictureCut ) ;
2,或者在.vue文件中单独使用
< template>
< div>
< input type = " fil
【文件预览】:
vue-picture-cut-master
----README-CN.md(20KB)
----public()
--------index.html(664B)
--------favicon.ico(4KB)
--------demo.jpg(272KB)
----src()
--------main.ts(333B)
--------reset.scss(2KB)
--------shims-vue.d.ts(72B)
--------lib()
--------App.vue(11KB)
--------shims-tsx.d.ts(305B)
--------language.ts(1KB)
----babel.config.js(73B)
----lib()
--------vue-picture-cut.common.js(364KB)
--------img()
--------vue-picture-cut.umd.js(365KB)
--------vue-picture-cut.umd.min.js(125KB)
--------vue-picture-cut.css(26KB)
--------demo.html(212B)
----.npmignore(246B)
----demo()
--------demo5.html(3KB)
--------demo1.html(2KB)
--------vue.js(334KB)
--------demo.jpg(272KB)
--------demo4.html(3KB)
--------demo3.html(3KB)
--------demo2.html(3KB)
----tsconfig.json(711B)
----LICENSE(1KB)
----README.md(19KB)
----dist()
--------index.html(866B)
--------favicon.ico(4KB)
--------img()
--------js()
--------demo.jpg(272KB)
--------fonts()
--------css()
----vue.config.js(190B)
----.gitignore(227B)
----CHANGELOG.md(5KB)
----.eslintignore(13B)
----package.json(2KB)