Ask coding questions

← Back to all posts
How to do full width in <canvas> element?
RixTheTyrunt

I got full width in a <div> object, but now, the same style ( in the style attribute ) , doesn't work in a <canvas> object. How to fix it so that the right will have -8px away from the right side. So, how to do that?

Answered by sedated [earned 5 cycles]
View Answer
Voters
RixTheTyrunt
Comments
hotnewtop
sedated

You can use javascript to resize your canvas without losing quality when using css.

Then you can use CSS to remove the margin & padding.

RixTheTyrunt

[email protected] Y0U F0R H3LP

RixTheTyrunt

Next question upcoming :/

Coder100

you can do this with css or js.

CSS

js

this method will only change one of the canvases, the first canvas.

RixTheTyrunt

Sorry, I know your answer is same, but @sedated's code is a bit easier to understand, yours is a confusing

ch1ck3n

why cant you just do width: calc(100% - 16px);