首页  >  文章  >  web前端  >  html canvas标签怎么用

html canvas标签怎么用

藏色散人
藏色散人原创
2019-05-26 09:15:252855浏览

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

html canvas标签怎么用

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

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

说明:

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

注释:

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

html canvas标签 示例

<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas">your browser does not support the canvas tag </canvas>
<script type="text/javascript">
var canvas=document.getElementById(&#39;myCanvas&#39;);
var ctx=canvas.getContext(&#39;2d&#39;);
ctx.fillStyle=&#39;#FF0000&#39;;
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>

效果:

0076382acf0f8ff7915389d6af2f637.png

以上是html canvas标签怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn