Home/ Questions/Q 6058133
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T08:33:59+00:00

I wanted to know if it is possible to create an image using html5.

  • 0

I wanted to know if it is possible to create an image using html5.
Currently i am creating a text using canvas, now i want to convert that text into an image.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In order to save the canvas to an image file, you can use Nihilogic’s code.

    Use the canvas text functions.

    For example:

    <html>
  <head>
    <title>Canvas tutorial</title>
    <script type="text/javascript">
      function draw(){
        var canvas = document.getElementById('tutorial');
        if (canvas.getContext){
          var ctx = canvas.getContext('2d');
          ctx.fillText("Sample String", 10, 50);
        }
      }
    </script>
    <style type="text/css">
      canvas { border: 1px solid black; }
    </style>
  </head>
  <body onload="draw();">
    <canvas id="tutorial" width="150" height="150"></canvas>
  </body>
</html>
    • 0