这个颜色为什么不出来
来源: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回答
同学你好,关于同学的问题回答如下:
1、当运行代码时,控制台报如下错误:
代码的23行,context.creatLinearGradient不是一个函数,查看代码:
2、修改之后,效果还是没有出来,是因为同学最后没有设置填色:
另外,练习要求是三个颜色的渐变,同学可以再看下练习要求,补充完善下。
如果我的回答帮助了你,欢迎采纳。祝学习愉快~
相似问题