explain canvas in html5 - Wikitechy https://www.wikitechy.com/interview-questions/tag/explain-canvas-in-html5/ Interview Questions Fri, 22 Apr 2022 11:23:16 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 https://www.wikitechy.com/interview-questions/wp-content/uploads/2025/10/cropped-wikitechy-icon-32x32.png explain canvas in html5 - Wikitechy https://www.wikitechy.com/interview-questions/tag/explain-canvas-in-html5/ 32 32 What is the use of Canvas in HTML ? https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-canvas-in-html/ https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-canvas-in-html/#respond Fri, 22 Apr 2022 11:22:15 +0000 https://www.wikitechy.com/interview-questions/?p=4201
  • In HTML the <canvas> tag is used to draw graphics on a web page using JavaScript.
  • It can be used to draw boxes, gradients, texts, paths and adding images.
  • By default, it does not contain texts and borders.
  • It allows for scriptable and dynamic rendering of 2D shapes and bitmap images.
  • It does not have a built-in scene and becomes a low level, procedural model that updates a bitmap.
  • There are several methods using <canvas> tag.

    • For example,

    <!DOCTYPE html>
    <html>
    <body>

    <canvas id="myCanvas" width="400" height="250" style="border:1px solid #d3d3d3;">
    Your browser does not support the HTML canvas tag.</canvas>

    <script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.font = "30px Arial";
    ctx.fillText("Welcome to Wikitechy",10,50);
    </script>

    </body>
    </html>

    Output

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-canvas-in-html/feed/ 0