Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

idcrop

Package Overview
Dependencies
Maintainers
1
Versions
38
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

idcrop - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

23

package.json
{
"name": "idcrop",
"version": "1.0.1",
"description": "Embed for cropping images and returning a base64 of the cropped area.",
"main": "index.js",
"version": "1.0.2",
"description":
"Embed for cropping images and returning a base64 of the cropped area.",
"main": "dist/js/bundle.min.js",
"files": ["dist"],
"scripts": {

@@ -11,12 +13,7 @@ "build": "webpack --progress -p -d",

},
"repository" : {
"type" : "git",
"url" : "https://github.com/idwall/idcrop.git"
"repository": {
"type": "git",
"url": "https://github.com/idwall/idcrop.git"
},
"keywords": [
"idwall",
"crop",
"image",
"upload"
],
"keywords": ["idwall", "crop", "image", "upload"],
"author": "Beatriz Rizental",

@@ -36,2 +33,2 @@ "license": "MIT",

}
}
}

@@ -7,21 +7,18 @@ # IdCrop

```bash
$ npm install & npm start
```
npm install
npm run server
```
### Usage
```bash
$ npm install idcrop
```
npm install idcrop
```
###### Javascript
```
```js
const idcrop = require('idcrop')
const idcrop = require("idcrop");
idcrop.init("toolbarContainer", "displayContainer", "previewContainer");
idcrop.init('toolbarContainer', 'displayContainer', 'previewContainer')
```

@@ -31,19 +28,22 @@

You must create a container for display (cropping area), toolbar (for now, only filename) and preview (cropped area preview).
You must create a container for display (cropping area), toolbar (for now, only
filename) and preview (cropped area preview).
```
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IdCrop</title>
<link rel="stylesheet" type="text/css" href="./node_modules/idcrop/dist/css/main.min.css">
</head>
<body>
<div id="displayContainer"></div>
<div id="toolbarContainer"></div>
<div id="previewContainer"></div>
<script type="text/javascript" src="./path/to/js/file.js"></script>
</body>
<head>
<meta charset="UTF-8">
<title>IdCrop</title>
<link rel="stylesheet" type="text/css href="https://unpkg.com/idcrop@1.0.1/dist/css/main.min.css">
</head>
<body>
<div id="displayContainer"></div>
<div id="toolbarContainer"></div>
<div id="previewContainer"></div>
<script type="text/javascript" src="./path/to/js/file.js"></script>
</body>
</html>
```
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc