HTML5矩形填充颜色
<meta charset="utf-8">
<style>
#c2{ border:dotted 1px #ccc;}
</style>
<canvas id="c2">你的浏览器不支持 HTML5 canvas 标签。</canvas>
<script>
var ctx = c2.getContext('2d');
ctx.fillStyle = '#198754';
ctx.fillRect(0, 0, c2.width-20, c2.height-20);
</script>
运行结果
定义和用法
<canvas> 标签通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。
其他
<canvas> 标签是 HTML5 中的新标签。