2019-06-16
1184
#vue
Nic Raboy
2953
Jun 16, 2019 ⋅ 4 min read

Cropping images in the browser with Vue.js

Nic Raboy Advocate of modern web and mobile development technologies. I write tutorials and speak at events to make app development easier to understand.

Recent posts:

The right way to implement AI into your frontend development workflow

Discover how to integrate frontend AI tools for faster, more efficient development without sacrificing quality.

Wisdom Ekpotu
Apr 23, 2025 ⋅ 5 min read
React Hook Form Vs. React 19: Should You Still Use RHF In 2025?

React Hook Form vs. React 19: Should you still use RHF in 2025?

Is React Hook Form still worth using? In this guide, you will learn the differences, advantages, and best use cases of React Hook Form.

Vijit Ail
Apr 23, 2025 ⋅ 20 min read
deploying react apps to github pages

How to deploy React apps to GitHub Pages

Walk through the process of deploying a Create React App project to GitHub Pages, customizing your domain, and automating deployments with GitHub Actions.

Nelson Michael
Apr 22, 2025 ⋅ 10 min read
move before api

We can finally move elements in the browser with the moveBefore() API

The newly announced moveBefore() API helps developers easily reposition DOM elements while preserving their state.

Chizaram Ken
Apr 22, 2025 ⋅ 8 min read
View all posts

6 Replies to "Cropping images in the browser with Vue.js"

  1. A very well made (really good explained, and easy to follow) tutorial.
    It really helped me alot.

    Thank you very much, Sir!

  2. This tutorial did not work for me. After a long exploration, I found that I had to include the below line in ImageCropper.vue to load the css. Adding it in index.html did not work for me.

    import ‘cropperjs/dist/cropper.css’;

    Hope this is useful for someone.

Leave a Reply