Why The Arcs In Canvas Are Pixelated?
any Idea why the circles created in the canvas are Pixelated like this? they r not sharp. I've declared the height and width of the canvas from js yet it's still like this
tnx!!
16 Replies
It would be a lot easier to help if you provided code snippets instead of screenshots: we can't copy/paste from a screenshot. Please see #How To Ask Good Questions for the correct formatting.
Sometimes it depends on your browser as well.
aaak okeey
well I was scared if it would even be compatible for pc
since I'm doin on mobile
but lemme just create a simple one a send it here
hmm..
okee
Yeah, I managed to do a test on my machine and the circles weren't pixelated. So it might be a browser issue.
I would also suggest trying to set a specific width/height using CSS and mirroring the same width/height in your JS, see if that'll help. I don't think it will but who knows, your browser might be seeing a different size of the canvas and extrapolating one into the other 🤷
here
I'm using crome as my browser ;-;
What device are you using?
Samsung galaxy A22
Ok, just making sure it's not iOS. On iOS everything is Safari, even Chrome and Firefox
Your codepen is showing a non-pixelated circle for me (macOS, using a Chromium browser)
;-;
it's a bit pixelated for me
@cvanilla13eck https://drive.google.com/file/d/1NVUwOHUcRENvuHW_YxGI64uFTgsou7S2/view?usp=drivesdk
here is the drive link for the image
of how it's showing up for me
dc decreases da quality anywaya
If my screenshot is a bit pixelated for you then it might be your device
well my device is good
check the pic from drive
doesn't that look pixelated to you?
like not totally sharp?
The link you sent does look pixelated, yes
if in the codepen the circle isn't Pixelated for you then I guess it's an issue with ma browser ;-;
well, tnx anyways
appreciate your effort
👍