这个阴影为什么不进行显示呢?

来源:7-4 编程练习

慕用0863198

2019-05-20 14:14:36

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8" />

    <title>阴影</title>

    <style>

        canvas{background-color:lightblue;}

    </style>

</head>

<body>

    <canvas id="canvas" width="800px" height="800px">

        您的浏览器不支持canvas

    </canvas>

    <script>

        var canvas=document.getElementById("canvas");

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

        ctx.shadowOffsetX=-15;

        ctx.shadowOffsetY=-15;

        ctx.shadowBlur=20;

        ctx.shadowColor="rgba(255,215,0,0.7)"

        ctx.arc(400,400,50,0,2*Math.PI,true);

        ctx.fillStyle="rgb(255,69,0)";

        ctx.fill();


    </script>

</body>

</html>


写回答

1回答

好帮手慕码

2019-05-20

同学你好!

因为使用了中文分号,所以颜色没有生效。修改成中文即可

http://img.mukewang.com/climg/5ce24f39000188f307560303.jpg

http://img.mukewang.com/climg/5ce24f9c00014e5503570176.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

0

0 学习 · 4826 问题

查看课程