老师 这样行吗
来源：5-2 编程练习
慕函数3468989
2018-11-24 14:36:08
<!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 ctx=canvas.getContext("2d");
//在此处补充代码
ctx.translate(200,200);
var linear=ctx.createLinearGradient(0,0,100,100);
linear.addColorStop(0,'rgba(0,255,100,1)');
linear.addColorStop(.5,'white');
linear.addColorStop(1,'white');
ctx.arc(0,0,50,0,2*Math.PI,true);
ctx.fillStyle=linear;
ctx.fill();
</script>
</body>
</html>
1回答
-
同学你好，1、位置这里不建议使用translate哦，建议：可以在开始的时候定义下位置，例：
2、颜色没太对上，不过这个颜色不是重点，若要修改的话，可以参考下如下颜色；
祝学习愉快！
0
相似问题