search

creativetimofficial / material-bootstrap-wizard

Material Bootstrap Wizard - Bootstrap wizard based on Material Design
http://demos.creative-tim.com/material-bootstrap-wizard/wizard-book-room.html
MIT License
81 stars 79 forks source link

Automatically crop selected image to a square #31

Open Ludwe01 opened 5 years ago

Ludwe01 commented 5 years ago

Hi, the creativetimofficial/material-bootstrap-wizard is fantastic I have to admit. I am not familiar with JQuery and JavaScript. I would like the image to be cropped to a square before it can be sent to the php processing script. Is there an easy way to do this. The profile pictures on my website display well when the images are square. Thank You!

dragosct commented 5 years ago

Hi, @Ludwe01! Thank you for using our products. We don't have any image on this wizard, but anyway, when we want to have some different forms of images we just modify them from photoshop, building a script to do this takes some time.

Ludwe01 commented 5 years ago

Hi @dragosct10 , I understand and thanks for your reply. How difficult would it be to integrate what you have done with JCrop. Because what I want is to have a user select an image, Crop it automatically with a plugin like JCrop then send it to the php processing script. I have built the whole program fine but I just need the images cropped to a square. Are there any tutorials you can maybe recommend?

dragosct commented 5 years ago

Hi! Maybe you can use a js code like this for cropping the images.

Regards, Dragos