Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,14 @@
## 0.0.3 (October 21, 2017) [by noo-zh](https://github.com/noo-zh/ezcrop)

### Features

* Dynamic `exportZoom` using `exportWidth`
* Production bundle optimization

## 0.0.2 (?)

Not documented.

## 0.0.1 (December 26, 2016)

### Features
Expand All @@ -7,4 +18,4 @@
* Moving
* Rotating
* Cropping
* Export to data URI
* Export to data URI
5 changes: 4 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@ $ bower install ezcrop

# or with npm
$ npm install ezcrop

# or just download [this file](dist/ezcrop.js) and use it as you wish
```


Expand Down Expand Up @@ -92,6 +94,7 @@ Following options are supported:
| imageBackground | boolean | Whether or not to display the background image beyond the preview area. | false |
| imageBackgroundBorderWidth | array or number | Width of background image border in pixels.,The four array elements specify the width of background image width on the top, right, bottom, left side respectively.,The background image beyond the width will be hidden.,If specified as a number, border with uniform width on all sides will be applied. | [0, 0, 0, 0] |
| exportZoom | number | The ratio between the desired image size to export and the preview size.,For example, if the preview size is `300px * 200px`, and `exportZoom = 2`, then,the exported image size will be `600px * 400px`.,This also affects the maximum zoom level, since the exported image cannot be zoomed to larger than its original size. | 1 |
| exportWidth | number | Fixed width of exported image in pixels. This is useful for calculating of dynamic `exportZoom` for responsive designs. | null |
| allowDragNDrop | boolean | When set to true, you can load an image by dragging it from local file browser onto the preview area. | true |
| minZoom | string | This options decides the minimal zoom level of the image.,If set to `'fill'`, the image has to fill the preview area, i.e. both width and height must not go smaller than the preview area.,If set to `'fit'`, the image can shrink further to fit the preview area, i.e. at least one of its edges must not go smaller than the preview area. | fill |
| maxZoom | number | Determines how big the image can be zoomed. E.g. if set to 1.5, the image can be zoomed to 150% of its original size. | 1 |
Expand Down Expand Up @@ -119,7 +122,7 @@ Following callbacks can be used to interact with `ezcrop`.

## Development

* Build: `webpack`
* Build: `npm run build`
* Watch for changes and rebuild: `webpack -w`
* Test: `npm test`
* Test specific file: `jest <filename>`
Expand Down
2 changes: 1 addition & 1 deletion bower.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "ezcrop",
"description": "Javascript image crop tool with zooming and rotating.",
"version": "0.0.2",
"version": "0.0.3",
"authors": [
"Saranga Abeykoon <amisaranga@gmail.com>"
],
Expand Down
Loading