add optional "crossorigin" attribute to image (Agontuk#72)

karladler · web-flow · commit 9badb7da34a9 · 2020-06-13T12:54:45.000+06:00
usage: <vue-cropper crossorigin="anonymous" ... /> solves: "Failed to execute 'toDataURL' Tainted canvases may not be exported" see: fengyuanchen/cropperjs#258
diff --git a/VueCropper.js b/VueCropper.js
@@ -6,13 +6,16 @@ const previewPropType = typeof window === 'undefined'
 
 export default {
   render(h) {
+    const crossorigin = this.crossorigin || undefined;
+    
     return h('div', { style: this.containerStyle }, [
       h('img', {
         ref: 'img',
         attrs: {
           src: this.src,
           alt: this.alt || 'image',
-          style: 'max-width: 100%'
+          style: 'max-width: 100%',
+          crossorigin
         },
         on: this.$listeners,
         style: this.imgStyle
@@ -52,6 +55,9 @@ export default {
       type: Boolean,
       default: true
     },
+    crossorigin: {
+      type: String,
+    },
     modal: {
       type: Boolean,
       default: true
