Image manipulation in Vue.js

[imagekitio]

This sample project covers:

• Setting up ImageKit Vue.js SDK and link to quick start guide
• Rendering images with no transformation
• Resizing and cropping images in Vue.js
  • Changing width
  • Changing height
  • Changing quality
  • Changing image format
  • Changing height and width
  • Maintainging aspect ratio while resizing images
  • Crop examples
    • cm-pad_resize
    • cm-extract
    • Smart cropping
• Adding images over images in Vue.js
• Adding text over images in Vue.js
  • Personalized offers
  • Dynamic sales banner
  • Using custom fonts
• Using named transformations
• Chained transformations
• Image enhancement
• Other transformations
  • Adding borders
  • Adding radius
  • Blur
  • Rotate
  • Background fill color
  • DPR
  • Grayscale
• Lossless compression
• Image metadata managmeent
• Secure image access

The readme should have

• What all the sample project covers
• Link of the documentation on docs.imagekit.io
• How to run the application locally