Center Canvas in HTML5

To center canvas in HTML 5, include the canvas tag in div tag. Then we can center align the div tag. By doing so, the canvas is also center aligned.

Example

<!DOCTYPE html>.
<html>
   <body>
      <div style = "text-align:center;">
         <canvas style = "background-color:GREEN;">This is my canvas</canvas>
      </div>
   </body>
</html>
Updated on: 2020-03-03T12:46:08+05:30

11K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements