Gathering detailed insights and metrics for 2mundos-angular-cropperjs
Gathering detailed insights and metrics for 2mundos-angular-cropperjs
CropperJS integration for Angular +6
Installations
npm install 2mundos-angular-cropperjsDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
8.9.1
NPM Version
5.5.1
Releases
Unable to fetch releases
Languages
5
TypeScript
CSS
HTML
JavaScript
Shell
TypeScript (56.57%)
CSS (20.26%)
HTML (11.87%)
JavaScript (8.66%)
Shell (2.63%)
Developer
matheusdavidson
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
110 Stars
62 Commits
67 Forks
7 Watchers
6 Branches
5 Contributors
Updated on Jun 23, 2025
Maintainers
1
Package Meta Information
Latest Version
0.1.5-2m.0.0
Package Id
2mundos-angular-cropperjs@0.1.5-2m.0.0
Unpacked Size
31.99 kB
Size
5.39 kB
File Count
8
NPM Version
5.5.1
Node Version
8.9.1
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
3
Dev Dependencies
1
angular-cropperjs
CropperJS integration for Angular 2/4
How to use
1- Install the library:
1$ npm install angular-cropperjs --save
2- Import and load AngularCropperjsModule in the module you want to use, for example AppModule:
1import { BrowserModule } from '@angular/platform-browser'; 2import { NgModule } from '@angular/core'; 3 4import { AppComponent } from './app.component'; 5 6// 7// Import angular-cropperjs 8import { AngularCropperjsModule } from 'angular-cropperjs'; 9 10@NgModule({ 11 declarations: [ 12 AppComponent 13 ], 14 imports: [ 15 BrowserModule, 16 17 // 18 // Load angular-cropperjs 19 AngularCropperjsModule 20 ], 21 providers: [], 22 bootstrap: [AppComponent] 23}) 24export class AppModule { }
3- Use the component in your template like this:
1<!-- You can now use angular-cropper component in app.component.html --> 2<angular-cropper [cropperOptions]="config" [imageUrl]="imageUrl"></angular-cropper>
Using CropperJS methods:
Use @ViewChild in your component to get the element:
In your app.component.html
1<angular-cropper #angularCropper ..>
And in your app.component.ts
1 2// 3// Import AngularCropperjsComponent 4import { AngularCropperjsComponent } from 'angular-cropperjs'; 5 6// 7// Get with @ViewChild 8@ViewChild('angularCropper') public angularCropper: AngularCropperjsComponent;
Then just call the CropperJS method you want:
anywhere in your app.component.ts
1 2// 3// Lets try to zoom 4this.angularCropper.cropper.zoom(0.1);
Development
To generate all *.js, *.d.ts and *.metadata.json files:
1$ npm run build
To lint all *.ts files:
1$ npm run lint
License
MIT © Matheus Davidson
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 1/30 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 1 are checked with a SAST tool
Reason
40 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-hpx4-r86g-5jrg
- Warn: Project is vulnerable to: GHSA-prr3-c3m5-p7q2
- Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh
- Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
Score
1.7
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More