vue-image-edit

1.0.22 • Public • Published

vue-image-edit

NPM version build status vue version

vue的图片编辑组件,兼容pc、移动端

install

npm install vue-image-edit

usage


    <template lang="pug">
          EditImageDialog(v-model="editImageDialog", :img="editImage", @success="editImageSuccess")
    </template>
    <script>
        import {EditImageDialog} from 'vue-image-edit'
        export default {
            data() {
                return {
                    // 弹出图片编辑框
                    editImageDialog: false,
                    // 图片地址
                    editImage      : '/url/statice/image/1.png'
                }
            },
            methods: {
                async editImageSuccess(base) {
                    // base 为编辑之后的图片base64文件
                },
            },
            components: {EditImageDialog},
        }
    </script>

Package Sidebar

Install

npm i vue-image-edit

Weekly Downloads

63

Version

1.0.22

License

ISC

Unpacked Size

39.9 kB

Total Files

13

Last publish

Collaborators

  • wzdwc_