{"id":15566888,"url":"https://github.com/agontuk/vue-cropperjs","last_synced_at":"2025-05-14T02:07:56.876Z","repository":{"id":38421358,"uuid":"69014520","full_name":"Agontuk/vue-cropperjs","owner":"Agontuk","description":"A Vue wrapper component for cropperjs https://github.com/fengyuanchen/cropperjs","archived":false,"fork":false,"pushed_at":"2024-04-25T22:37:03.000Z","size":758,"stargazers_count":950,"open_issues_count":36,"forks_count":224,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-05-13T03:02:31.038Z","etag":null,"topics":["cropperjs","vue-cropper-component","vue-cropperjs"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Agontuk.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-23T10:22:34.000Z","updated_at":"2025-05-07T09:30:41.000Z","dependencies_parsed_at":"2024-06-18T11:28:57.800Z","dependency_job_id":null,"html_url":"https://github.com/Agontuk/vue-cropperjs","commit_stats":{"total_commits":74,"total_committers":13,"mean_commits":"5.6923076923076925","dds":"0.18918918918918914","last_synced_commit":"041b811ecad9c64d0df4e61fa23e987210e7fcf8"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Agontuk%2Fvue-cropperjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Agontuk%2Fvue-cropperjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Agontuk%2Fvue-cropperjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Agontuk%2Fvue-cropperjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Agontuk","download_url":"https://codeload.github.com/Agontuk/vue-cropperjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254052915,"owners_count":22006717,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cropperjs","vue-cropper-component","vue-cropperjs"],"created_at":"2024-10-02T17:08:13.672Z","updated_at":"2025-05-14T02:07:51.860Z","avatar_url":"https://github.com/Agontuk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-cropperjs\n\nA Vue wrapper component for [cropperjs](https://github.com/fengyuanchen/cropperjs).\n\n[![NPM](https://nodei.co/npm/vue-cropperjs.png?downloads=true)](https://nodei.co/npm/vue-cropperjs/)\n\n## Demo\n\nCheckout here **[agontuk.github.io/vue-cropperjs](https://agontuk.github.io/vue-cropperjs/)**\n\n## Installation\n\n```shell\nnpm install --save vue-cropperjs\n```\nor\n```\nyarn add vue-cropperjs\n```\n\u003e You will also need css \u0026 style loader for webpack\n\n# Compatibility\n| Vue Version | Package Version |\n| ---------- | --------------- |\n| 3.x.x      | \u003e=5.0.0         |\n| 2.x.x      | 4.2.0           |\n| 1.x.x      | 1.0.3           |\n\n## Usage\n\n```js\n// Global\nimport Vue from 'vue';\nimport VueCropper from 'vue-cropperjs';\nimport 'cropperjs/dist/cropper.css';\nVue.component(VueCropper);\n\n// Local\nimport VueCropper from 'vue-cropperjs';\nimport 'cropperjs/dist/cropper.css';\nexport default {\n  components: { VueCropper}\n}\n\n...\n\u003cvue-cropper\n  ref=\"cropper\"\n  :src=\"imgSrc\"\n  alt=\"Source Image\"\n  @ready=\"...\"\n  @cropstart=\"...\"\n  @cropmove=\"...\"\n  @cropend=\"...\"\n  @crop=\"...\"\n  @zoom=\"...\"\n\u003e\n\u003c/vue-cropper\u003e\n...\n\nthis.$refs.cropper.rotate(45);\n```\n\nSee the [example](https://github.com/Agontuk/vue-cropperjs/tree/master/example) files \u0026 [cropperjs](https://github.com/fengyuanchen/cropperjs#cropperjs) documentation\n\n## Options\n\n| Name           | Type     | Required | Description                     |\n| -------------- | -------- | -------- | ------------------------------- |\n| src            | `string` | --       | Image source                    |\n| containerStyle | `object` | --       | Styling for the image container |\n| imgStyle       | `object` | --       | Styling for the image           |\n| alt            | `string` | --       | Alternate text for the image    |\n\n## Crop related options\n\nSee cropperjs [documentation](https://github.com/fengyuanchen/cropperjs#options) for all posible options \u0026 methods.\n\n### Renamed Methods\n\n- `relativeZoom` from `zoom`\n- `initCrop` from `crop`\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagontuk%2Fvue-cropperjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagontuk%2Fvue-cropperjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagontuk%2Fvue-cropperjs/lists"}