fill()是什么意思

fill()是什么意思

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas渐变</title>

    <style>

        canvas{background-color:black;}

    </style>

</head>

<body>

    <canvas id="canvas" width="800px" height="800px">您的浏览器不支持</canvas>

    <script>

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

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

        //在此处补充代码

        var exc= context.createRadialGradient(400,200,0,300,200,100);

          exc.addColorStop(0,'white');

        exc.addColorStop(0.2,'red');

        exc.addColorStop(1,'gray');

         context.fillStyle=exc;

          context.arc(300,200,100,0,Math.PI*2,true);

          context.fill();

          

    </script>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,阴影效果可以通过修改addColorStop实现,如下:

http://img1.sycdn.imooc.com//climg/5f22a2190978aeb705060186.jpg

另,fill() 方法填充当前的图像(路径)。默认颜色是黑色。例如:

http://img1.sycdn.imooc.com//climg/5f22a24d09d6a2cb04330122.jpg

http://img1.sycdn.imooc.com//climg/5f22a25309422ed703490180.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

提问者 早知今日何必当初 2020-07-30 18:31:13

http://img1.sycdn.imooc.com//climg/5f22a15609308e6118180503.jpg

老师這个阴影效果怎么做的

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师