search

t3dotgg / quickpic

Turn SVGs into high resolution PNGs in 2 clicks. Built because Theo was mad.
https://quickpic.t3.gg
MIT License
920 stars 184 forks source link

Added 'full' radius option for perfect circle border #21

Closed JPerez00 closed 2 weeks ago

JPerez00 commented 2 weeks ago

Added 'full' radius option for perfect circle border. Changes to the rounded-tool.tsx file.

vercel[bot] commented 2 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
quickpic ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 11, 2024 2:11pm
t3dotgg commented 2 weeks ago

This is really cool. I expected it to be a circle though - skill issue on my part

How insane would it be to add a "circle" option as well?

image
Bashamega commented 2 weeks ago

This is really cool. I expected it to be a circle though - skill issue on my part

How insane would it be to add a "circle" option as well?

image

I think may be add a check to make sure the image is a square. Some thing like this:

const checkIfSquare = (image: HTMLImageElement): boolean {
  return image.width === image.height;
}
JPerez00 commented 2 weeks ago

My bad, I only tested it with square images and totally forgot about other aspect ratios! It should make a perfect circle now no matter the ratio. It’d be awesome to add X/Y controls to choose the crop spot, but that’s a bit out of my league. Let me know what you think!

wide-img into-square-img