当前位置：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>

效果：

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

htmlcanvas标签怎么用

人气教程排行