<canvas>
是HTML5种新加入的元素。它用于图形的控制和其他图像,通过脚本(通常是JavaScript来完成)。
注意它只是图形的容器,我们必须使用脚本来绘制图形。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>
</body>
</html>
这是一段HTML5代码,演示了用JS控制canvas元素的做法。
第一次用Markdown写博客。有点懵逼……