npmpackage.info

Gathering detailed insights and metrics for 2mundos-angular-cropperjs

Other packages similar to 2mundos-angular-cropperjs

angular-2mundos-dev-cropperjs

0.1.5-test.4

CropperJS integration for Angular 2/4

angular-2mundos-cropperjs

0.1.5-2m.0.1

CropperJS integration for Angular 2/4

2mundos-angular-cropperjs

CropperJS integration for Angular +6

0.1.5-2m.0.0

109

MIT

TypeScript

13.12 kB

1,528 1.7

Installations

npm install 2mundos-angular-cropperjs

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.9.1

NPM Version

5.5.1 Score

68.7

Supply Chain

94.1

Quality

74.8

Maintenance

Vulnerability

98.9

License

Pull Requests

Open

3

Total

27

Closed

20

Merged

4

Issues

Open

29

Total

64

Closed

35

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View All 5 Contributors

Languages

TypeScript

CSS

HTML

JavaScript

Shell

TypeScript (56.57%)

CSS (20.26%)

HTML (11.87%)

JavaScript (8.66%)

Shell (2.63%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

matheusdavidson

Download Statistics

Total Downloads

1,528

Last Day

Last Week

Last Month

Last Year

136

GitHub Statistics

MIT License

109 Stars

62 Commits

68 Forks

7 Watchers

6 Branches

5 Contributors

Updated on Aug 24, 2024

Bundle Size

40.83 kB

Minified

13.12 kB

Minified + Gzipped

Bundlephobia

Maintainers

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

NPM Version

5.5.1

Node Version

8.9.1

Total Downloads

Cumulative downloads

Total Downloads

1,528

Last Day

Compared to previous day

Last Week

-33.3%

Compared to previous week

Last Month

61.5%

Compared to previous month

Last Year

-60.5%

136

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

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

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-02-10

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

Other packages similar to 2mundos-angular-cropperjs

2mundos-angular-cropperjs

Installations

Developer Guide

No

CommonJS

8.9.1

5.5.1

Score

Pull Requests

3

27

20

4

Issues

29

64

35

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

Developer

matheusdavidson

Download Statistics

GitHub Statistics

Bundle Size

40.83 kB

13.12 kB

Maintainers

Package Meta Information

Total Downloads

1,528

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

angular-cropperjs

How to use

Development

License

10

10

0

0

0

0

0

0

0

0

1.7

/10