HTML5动态创建Canvas

html
<!DOCTYPE html>
<html>
<head>
    <title>动态创建Canvas</title>
</head>
<body>
    <canvas id="myCanvas" width="200" height="200"></canvas>
    <script>
        // 获取Canvas元素
        var canvas = document.getElementById("myCanvas");
        // 获取绘图上下文
        var ctx = canvas.getcontext("2d");
        // 绘制矩形
        ctx.fillStyle = "red";
        ctx.fillRect(50, 50, 100, 100);
    </script>
</body>
</html>