aboutsummaryrefslogtreecommitdiffstats
path: root/library/cropperjs/docs/examples
diff options
context:
space:
mode:
Diffstat (limited to 'library/cropperjs/docs/examples')
-rw-r--r--library/cropperjs/docs/examples/cropper-in-modal.html6
-rw-r--r--library/cropperjs/docs/examples/customize-preview.html6
-rw-r--r--library/cropperjs/docs/examples/upload-cropped-image-to-server.html6
3 files changed, 12 insertions, 6 deletions
diff --git a/library/cropperjs/docs/examples/cropper-in-modal.html b/library/cropperjs/docs/examples/cropper-in-modal.html
index f36ff4e4e..343924ef8 100644
--- a/library/cropperjs/docs/examples/cropper-in-modal.html
+++ b/library/cropperjs/docs/examples/cropper-in-modal.html
@@ -5,7 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Cropper.js</title>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="../css/cropper.css">
<style>
.img-container img {
@@ -45,8 +45,8 @@
</div>
</div>
- <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
+ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="../js/cropper.js"></script>
<script>
window.addEventListener('DOMContentLoaded', function () {
diff --git a/library/cropperjs/docs/examples/customize-preview.html b/library/cropperjs/docs/examples/customize-preview.html
index 72a108f8a..51d1e1b42 100644
--- a/library/cropperjs/docs/examples/customize-preview.html
+++ b/library/cropperjs/docs/examples/customize-preview.html
@@ -77,6 +77,7 @@
window.addEventListener('DOMContentLoaded', function () {
var image = document.querySelector('#image');
var previews = document.querySelectorAll('.preview');
+ var previewReady = false;
var cropper = new Cropper(image, {
ready: function () {
var clone = this.cloneNode();
@@ -94,9 +95,14 @@
each(previews, function (elem) {
elem.appendChild(clone.cloneNode());
});
+ previewReady = true;
},
crop: function (event) {
+ if (!previewReady) {
+ return;
+ }
+
var data = event.detail;
var cropper = this.cropper;
var imageData = cropper.getImageData();
diff --git a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html
index aef0ee58b..adb5c15ce 100644
--- a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html
+++ b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html
@@ -5,7 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Cropper.js</title>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="../css/cropper.css">
<style>
.label {
@@ -59,8 +59,8 @@
</div>
</div>
</div>
- <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.bundle.min.js"></script>
+ <script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="../js/cropper.js"></script>
<script>
window.addEventListener('DOMContentLoaded', function () {