From f645c6f3a57bf5f53bbb2bde362b2447f725c977 Mon Sep 17 00:00:00 2001 From: Mario Date: Sat, 11 Jan 2020 10:30:12 +0000 Subject: update cropperjs to the recent version --- .../docs/examples/a-range-of-aspect-ratio.html | 70 ++++++++ .../docs/examples/crop-a-round-image.html | 94 +++++++++++ .../docs/examples/crop-cross-origin-image.html | 48 ++++++ .../cropperjs/docs/examples/crop-on-canvas.html | 62 ++++++++ .../cropperjs/docs/examples/cropper-in-modal.html | 74 +++++++++ .../cropperjs/docs/examples/customize-preview.html | 122 ++++++++++++++ .../cropperjs/docs/examples/fixed-crop-box.html | 46 ++++++ library/cropperjs/docs/examples/full-crop-box.html | 46 ++++++ library/cropperjs/docs/examples/mask-an-image.html | 108 +++++++++++++ .../minimum-and-maximum-cropped-dimensions.html | 81 ++++++++++ .../cropperjs/docs/examples/multiple-croppers.html | 46 ++++++ .../docs/examples/one-to-one-crop-box.html | 70 ++++++++ .../docs/examples/responsive-container.html | 47 ++++++ .../examples/upload-cropped-image-to-server.html | 176 +++++++++++++++++++++ 14 files changed, 1090 insertions(+) create mode 100644 library/cropperjs/docs/examples/a-range-of-aspect-ratio.html create mode 100644 library/cropperjs/docs/examples/crop-a-round-image.html create mode 100644 library/cropperjs/docs/examples/crop-cross-origin-image.html create mode 100644 library/cropperjs/docs/examples/crop-on-canvas.html create mode 100644 library/cropperjs/docs/examples/cropper-in-modal.html create mode 100644 library/cropperjs/docs/examples/customize-preview.html create mode 100644 library/cropperjs/docs/examples/fixed-crop-box.html create mode 100644 library/cropperjs/docs/examples/full-crop-box.html create mode 100644 library/cropperjs/docs/examples/mask-an-image.html create mode 100644 library/cropperjs/docs/examples/minimum-and-maximum-cropped-dimensions.html create mode 100644 library/cropperjs/docs/examples/multiple-croppers.html create mode 100644 library/cropperjs/docs/examples/one-to-one-crop-box.html create mode 100644 library/cropperjs/docs/examples/responsive-container.html create mode 100644 library/cropperjs/docs/examples/upload-cropped-image-to-server.html (limited to 'library/cropperjs/docs/examples') diff --git a/library/cropperjs/docs/examples/a-range-of-aspect-ratio.html b/library/cropperjs/docs/examples/a-range-of-aspect-ratio.html new file mode 100644 index 000000000..37f414cbb --- /dev/null +++ b/library/cropperjs/docs/examples/a-range-of-aspect-ratio.html @@ -0,0 +1,70 @@ + + + + + + + Cropper.js + + + + +
+

Cropper with a range of aspect ratio

+
+ Picture +
+
+ + + + diff --git a/library/cropperjs/docs/examples/crop-a-round-image.html b/library/cropperjs/docs/examples/crop-a-round-image.html new file mode 100644 index 000000000..095ac2244 --- /dev/null +++ b/library/cropperjs/docs/examples/crop-a-round-image.html @@ -0,0 +1,94 @@ + + + + + + + Cropper.js + + + + +
+

Crop a round image

+

Image

+
+ Picture +
+

Result

+

+ +

+
+
+ + + + diff --git a/library/cropperjs/docs/examples/crop-cross-origin-image.html b/library/cropperjs/docs/examples/crop-cross-origin-image.html new file mode 100644 index 000000000..23f75bec0 --- /dev/null +++ b/library/cropperjs/docs/examples/crop-cross-origin-image.html @@ -0,0 +1,48 @@ + + + + + + + Cropper.js + + + + +
+

Crop a cross origin image

+

A cross origin image with a crossorigin attribute and an available Access-Control-Allow-Origin response header can be cropped by Cropper.

+

Image

+
+ +
+

Result

+
+
+ + + + + diff --git a/library/cropperjs/docs/examples/crop-on-canvas.html b/library/cropperjs/docs/examples/crop-on-canvas.html new file mode 100644 index 000000000..d4a58583c --- /dev/null +++ b/library/cropperjs/docs/examples/crop-on-canvas.html @@ -0,0 +1,62 @@ + + + + + + + Cropper.js + + + + +
+

Crop on canvas with Cropper

+

Image

+
+ Picture +
+

Canvas

+
+ +
+
+ + + + + diff --git a/library/cropperjs/docs/examples/cropper-in-modal.html b/library/cropperjs/docs/examples/cropper-in-modal.html new file mode 100644 index 000000000..f36ff4e4e --- /dev/null +++ b/library/cropperjs/docs/examples/cropper-in-modal.html @@ -0,0 +1,74 @@ + + + + + + + Cropper.js + + + + + +
+

Cropper in a Bootstrap modal

+ + + + + + +
+ + + + + + + diff --git a/library/cropperjs/docs/examples/customize-preview.html b/library/cropperjs/docs/examples/customize-preview.html new file mode 100644 index 000000000..72a108f8a --- /dev/null +++ b/library/cropperjs/docs/examples/customize-preview.html @@ -0,0 +1,122 @@ + + + + + + + Cropper.js + + + + +
+

Customize preview for Cropper

+
+
+ Picture +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + diff --git a/library/cropperjs/docs/examples/fixed-crop-box.html b/library/cropperjs/docs/examples/fixed-crop-box.html new file mode 100644 index 000000000..d2f11f535 --- /dev/null +++ b/library/cropperjs/docs/examples/fixed-crop-box.html @@ -0,0 +1,46 @@ + + + + + + + Cropper.js + + + + +
+

Cropper with fixed crop box

+
+ Picture +
+
+ + + + diff --git a/library/cropperjs/docs/examples/full-crop-box.html b/library/cropperjs/docs/examples/full-crop-box.html new file mode 100644 index 000000000..fe0bdd8e1 --- /dev/null +++ b/library/cropperjs/docs/examples/full-crop-box.html @@ -0,0 +1,46 @@ + + + + + + + Cropper.js + + + + +
+

Cropper with full crop box

+
+ Picture +
+
+ + + + diff --git a/library/cropperjs/docs/examples/mask-an-image.html b/library/cropperjs/docs/examples/mask-an-image.html new file mode 100644 index 000000000..9236ac451 --- /dev/null +++ b/library/cropperjs/docs/examples/mask-an-image.html @@ -0,0 +1,108 @@ + + + + + + + Cropper.js + + + + +
+

Mask an image (Redaction)

+

Image

+
+ Picture +
+

Result

+

+
+
+ + + + diff --git a/library/cropperjs/docs/examples/minimum-and-maximum-cropped-dimensions.html b/library/cropperjs/docs/examples/minimum-and-maximum-cropped-dimensions.html new file mode 100644 index 000000000..4c55fc327 --- /dev/null +++ b/library/cropperjs/docs/examples/minimum-and-maximum-cropped-dimensions.html @@ -0,0 +1,81 @@ + + + + + + + Cropper.js + + + + +
+

Minimum and maximum cropped dimensions

+

Image

+
+ Picture +
+

Maximum Width: 640, Maximum Height: 320, Minimum Width: 320, Minimum Height: 160

+

Data:

+

Result

+

+ +

+
+
+ + + + diff --git a/library/cropperjs/docs/examples/multiple-croppers.html b/library/cropperjs/docs/examples/multiple-croppers.html new file mode 100644 index 000000000..5ccc6c32b --- /dev/null +++ b/library/cropperjs/docs/examples/multiple-croppers.html @@ -0,0 +1,46 @@ + + + + + + + Cropper.js + + + + +
+

Multiple Croppers

+

Cropper

+
+ Picture +
+

Another

+
+ Picture +
+
+ + + + diff --git a/library/cropperjs/docs/examples/one-to-one-crop-box.html b/library/cropperjs/docs/examples/one-to-one-crop-box.html new file mode 100644 index 000000000..1012262a1 --- /dev/null +++ b/library/cropperjs/docs/examples/one-to-one-crop-box.html @@ -0,0 +1,70 @@ + + + + + + + Cropper.js + + + + +
+

One to one crop box

+

The image displays in its natural size, so the size of the crop box size equals real cropped size.

+

Image

+
+ Picture +
+

Data:

+

Crop Box Data:

+

Result

+

+ +

+
+
+ + + + diff --git a/library/cropperjs/docs/examples/responsive-container.html b/library/cropperjs/docs/examples/responsive-container.html new file mode 100644 index 000000000..11f1cf7b6 --- /dev/null +++ b/library/cropperjs/docs/examples/responsive-container.html @@ -0,0 +1,47 @@ + + + + + + + Cropper.js + + + + +
+

Cropper with responsive container

+

+ +

+
+ Picture +
+
+ + + + diff --git a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html new file mode 100644 index 000000000..aef0ee58b --- /dev/null +++ b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html @@ -0,0 +1,176 @@ + + + + + + + Cropper.js + + + + + +
+

Upload cropped image to server

+ +
+
0%
+
+ + +
+ + + + + + -- cgit v1.2.3