Any way to crop the image into a circle, instead of a square?

[Jordan Benge]

I am looking to crop an image into a circle, hopefully using this library, or a combination of this (to detect a person's face), and then cropping that image into a circle (limitation of another library that doesn't allow css intervention on an image).

[Jonas Wagner]

Hi Jordan,

If you just want to crop to faces I'd just use a face detection library and then crop out the circle.

If you need more smartcrop could definitely be adapted to look for round crops by changing the window.
However I don't think it is a common enough use case to justify inclusion in the library. If you really want to do this I'd suggest doing a PR against smartcrop that allows injecting a custom importance function as an option and then implementing such a function that results in a round window.

Cheers,
Jonas

[Jordan Benge]

I'm not looking to crop to just faces, I'm trying to use the cropping mechanism that this library provides to center an image into a crop-zone, but instead of cropping it as a square, it would crop that image into a circle.

Your examples are shown like this:

Before smartcrop.js

After smartcrop.js - original example

What I'm trying to achieve:

Does that make sense, or is it the same answer unfortunately?

[Jonas Wagner]

Hi Jordan,

For optimal results the second answer applies. You could also just look for a square crop (diameter x diameter) using the existing library and then apply your circle effect, that will likely yield acceptable results too.

Cheers,
Jonas

[Jonas Wagner]

Closed for lack of a reply.