怎么只有矩形框,里面没图形?

jike_909037540 HTML5 Canvas 使用... 最后由 00201g 于2017年06月11日回复

  • 2 回答
  • 1.6k 浏览

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script>

        function draw(idd) {

            var cav = document.getElementById(idd);

            var ctx = cav.getContext("2d");

            ctx.fillStyle="#eeeeef";

            ctx.fillRect(0,0,300,400);

            var dx=150;

            var dy=150;

            var s=100;

            ctx.beginPath();

            ctx.fillStyle="rgb(100,255,100)";

            ctx.strokeStyle="rgb(0,0,100)";

            var x=Math.sin(0);

            var y=Math.cos(0);

            var dig=Math.PI/15*11;

            for(var i=0;i<30;i++){

                var x=Math.sin(i*dig);

                var y=Math.cos(i*dig);

                ctx.lineto(dx+x*s,dy+y*s);

            }

            ctx.closePath();

            ctx.fill();

            ctx.stroke();

        }

</script>

</head>

<body onload="draw('canvas')">

<canvas id="canvas" width="300px" height="400px"></canvas>

</body>

</html>