当前位置: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标签 示例

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

效果:

0076382acf0f8ff7915389d6af2f637.png

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

人气教程排行