gobeam / vue-polygon-cropper

Vue polygon cropper lets you to crop image with any numbers of points with redo and undo functionality.

Hey there! I'm Roshan Ranabhat (gobeam)

About Me

A full-stack web developer who specializes in stacks like GOLANG, Node.js, Reactjs & Redux, Vue.js, and PHP. I am also a Blockchain enthusiast and have worked on both Ethereum and Bitcoin Blockchain networks for developing smart contracts, crypto trades web apps, and services.

🛠  Tech Stack

• 💻  
• 🔗  
• 🌐  
• 🛢  
• ⚙️  

🤝🏻  Connect with Me

vue-polygon-cropper's Issues

Can not read image by your plugin

I am using a third party component in vue named polygoncropper (https://github.com/gobeam/vue-polygon-cropper/tree/master/example/), I have downloaded the codes and using my local machine, and then I used below comands to build and run the sample,

npm install
npm run serve

and then the sample page comes up correctly but the problem is that, I can not work with its loading image, whenever I want to load a new image, it doesn't show up into the canvas and I have to do reset, for example at below I am loading an image with the name of "emco.jpg", but the original image demo.png has been remained! I am not sure how to fix this error?

Converting to your plugin to react.js component

Hi,

I am just trying to use your plugin as a component in my reactjs application. I have abit changed your plugin slightly and pushed the codes to here

I then build the plugin by using
vue-cli-service build --target wc --name my-app src/App.vue

using the js file inside dis folder

I am trying to run my react app but I get below error when I use the js file inside my react app
import "components/PolygonCropper/my-app.js";

I am getting below error when I compile my react.js application

Failed to compile.

./src/components/PolygonCropper/my-app.js
  Line 139:4:      Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 3990:475:   Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 3990:1058:  Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 3990:1238:  Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 3990:1435:  Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 37299:5:    Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 37304:10:   Unexpected use of 'self'                                               no-restricted-globals
  Line 37304:33:   Unexpected use of 'self'                                               no-restricted-globals
  Line 37388:18:   'Vue' is not defined                                                   no-undef
  Line 37949:16:   Unexpected use of 'self'                                               no-restricted-globals
  Line 37949:36:   Unexpected use of 'self'                                               no-restricted-globals

Can you help me convert your plugin to a react component successfully?