html canvas标签怎么用

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

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>

效果：