angular2-resizing-cropping-image - npm Package Compare versions

Comparing version 1.0.0-final.0 to 1.0.0-final.1

README.md

+# Resizing & cropping images with Angular 2
+## Install
+```bash
+# install the repo with npm
+npm install angular2-resizing-cropping-image
+```
+## Example
+```js
+# import
+import { LyResizingCroppingImagesModule } from 'angular2-resizing-cropping-image';
+@NgModule({
+    imports : [LyResizingCroppingImagesModule, ...],
+})
+```
+```js
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'image-upload',
+  styles: [`
+    :host{
+      display: block
+    }
+    `],
+  template: `
+  <input (change)="_img.imgChange($event)" type="file">
+
+  <button (click)="_img.zoom('+')">+</button>
+  <button (click)="_img.zoom('-')">-</button>
+  <button (click)="_img.center()">center</button>
+
+  <ly-cropping #_img format="png"></ly-cropping>
+  <div>Format input: {{_img._img.type}}</div>
+  <br />
+  <div>Format output: {{_img.format}}</div>
+  <br />
+  <div>Result: </div>
+  <br />
+  <img [src]="_img.imgCrop">
+  <br />
+  <input [(ngModel)]="_img.sizeW" placeholder="_img size W">
+  <input [(ngModel)]="_img.sizeH" placeholder="_img size H">
+  <input [(ngModel)]="_img.img" placeholder="Img">
+  `
+})
+export class imgUpload {
+  constructor(){
+
+  }
+}
+
+```
+<img src="https://firebasestorage.googleapis.com/v0/b/head-expeditions.appspot.com/o/img.png?alt=media&token=cab4d571-fce8-4a2a-8cbf-4441c94a637b">

package.json

 {
   "name": "angular2-resizing-cropping-image",
-  "version": "1.0.0-final.0",
+  "version": "1.0.0-final.1",
   "description": "Resizing and cropping images with Angular 4",
@@ -5,0 +5,0 @@ "main": "bundles/ly.resizing-cropping-image.umd.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

57230

2.41%

Number of package files

9

12.5%

Number of medium quality alerts

1

-50%

Number of lines in readme file

54

Infinity%

Number of medium supply chain risk alerts

0

-100%

No dependency changes