当前位置:Gxlcms > JavaScript > htmlcanvas标签怎么用

htmlcanvas标签怎么用

时间:2021-07-01 10:21:17 帮助过:21人阅读

html canvas标签用于定义图形,比如图表和其他图像,<canvas>标签只是图形容器,通过脚本 (通常是JavaScript)来完成,可以使用canvas绘制路径,盒、圆、字符以及添加图像。

canvas是什么意思?html canvas标签怎么用?

作用:定义图形,比如图表和其他图像。

说明:

<canvas> 标签只是图形容器,通过脚本 (通常是JavaScript)来完成,可以使用canvas绘制路径,盒、圆、字符以及添加图像。

注释:

<canvas> 标签是 HTML 5 中的新标签。Internet Explorer 8 以及更早的版本不支持 <canvas> 标签。

html canvas标签 示例

  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <canvas id="myCanvas">your browser does not support the canvas tag </canvas>
  5. <script type="text/javascript">
  6. var canvas=document.getElementById('myCanvas');
  7. var ctx=canvas.getContext('2d');
  8. ctx.fillStyle='#FF0000';
  9. ctx.fillRect(0,0,80,100);
  10. </script>
  11. </body>
  12. </html>

效果:

0076382acf0f8ff7915389d6af2f637.png

以上就是html canvas标签怎么用的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行