这个颜色为什么不出来

来源:5-2 编程练习

Ting111

2020-07-03 15:24:39

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas渐变</title>

</head>

<body>

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

    <script>

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

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

        //在此处补充代码

        context.arc(150,150,100,0,Math.PI*2);

         context.stroke();

        var color=context.creatLinearGradient(50,50,-50,-50);

        

        color.addColorStop(0,'yellow');

        color.addColorStop(1,'blue');

        

        

       

    </script>

</body>

</html>


写回答

1回答

好帮手慕粉

2020-07-03

同学你好,关于同学的问题回答如下:

1、当运行代码时,控制台报如下错误:
http://img.mukewang.com/climg/5efee9b609deac4217510171.jpg

代码的23行,context.creatLinearGradient不是一个函数,查看代码:

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

2、修改之后,效果还是没有出来,是因为同学最后没有设置填色:

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

另外,练习要求是三个颜色的渐变,同学可以再看下练习要求,补充完善下。

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

0

0 学习 · 6815 问题

查看课程