Home > Web Front-end > HTML Tutorial > How to center canvas in HTML5?

How to center canvas in HTML5?

PHPz
Release: 2023-09-01 14:53:02
forward
1315 people have browsed it

How to center canvas in HTML5?

To center the canvas in HTML 5, include the canvas tag inside the div tag. Then we can center align the div tag. By doing this, the canvas will also be centered.

Example

<!DOCTYPE html>.
<html>
   <body>
      <div style = "text-align:center;">
         <canvas style = "background-color:GREEN;">This is my canvas</canvas>
      </div>
   </body>
</html>
Copy after login

The above is the detailed content of How to center canvas in HTML5?. For more information, please follow other related articles on the PHP Chinese website!

source:tutorialspoint.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template