HTML <canvas> 标签示例,代码编辑测试 - 在线编辑器(yxjc123.com)

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Canvas 标签</title>
   </head>

   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00FD00';
         ctx.fillRect(0,0,200,60);
      </script>
   </body>

</html>
​x
 
<!DOCTYPE html>
<html>
​
   <head>
      <title>HTML Canvas 标签</title>
   </head>
​
   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00FD00';
         ctx.fillRect(0,0,200,60);
      </script>
   </body>
​
</html>

HTML <canvas> 标签示例在线测试，HTML网页版在线编辑器,在编辑器上输入HTML代码，可在线编辑运行HTML,HTML代码在线运行调试,HTML在线编辑,HTML代码在线编辑器,可快速在线测试您的HTML代码,在线编辑HTML代码发现是否存在错误。