dudumifan / upload-and-clip-image Public

Notifications You must be signed in to change notification settings
Fork 0
Star 4

使用vue制作的上传组件，可在上传之前进行缩放及裁剪。演示地址

dudumifan.github.io/upload-and-clip-image/

4 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 12 Commits
public		public
src		src
tests/unit		tests/unit
.browserslistrc		.browserslistrc
.editorconfig		.editorconfig
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.travis.yml		.travis.yml
README.md		README.md
babel.config.js		babel.config.js
coverage.lcov		coverage.lcov
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
vue.config.js		vue.config.js

Repository files navigation

upload-and-clip-image

使用 Vue + Element-ui + Vuex,
可提前限制上传图片的分辨率比例，用以适配固定图片比例的场景
可灵活控制需要裁减上传的图片的大小，仅从完整图中裁减需要的部分。
如果需求是不限制原始图的大小比例，且最终图需要符合预定的比例，则可修改代码为比例不符合时进行填白处理
演示地址请戳这里
个人博客

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

About

使用vue制作的上传组件，可在上传之前进行缩放及裁剪。演示地址

dudumifan.github.io/upload-and-clip-image/

vuejs upload-images clip-images

Report repository

Releases

No releases published

Packages

Contributors 3

Languages