老师，我这样写可以吗？

首页课程实战体系课手记专栏慕课教程

老师，我这样写可以吗？

来源：5-7 编程练习

js_Cz

2019-11-14 10:28:27

<!DOCTYPE html>

<html>

<head>

<title>canvas画直线</title>

<style>

canvas{background-color:lightpink;}

</style>

</head>

<body>

您的浏览器不支持canvas

</canvas>

//在此处填写代码

var canvas = document.getElementById('canvas'),

ctx = canvas.getContext('2d');

ctx.translate(200,200);

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

// ctx.strokeStyle = '#fff';

var linear = ctx.createLinearGradient(-50,-50,50,50);

linear.addColorStop(0,'blue');

linear.addColorStop(0.5,'yellow');

linear.addColorStop(1,'red');

ctx.fillStyle = linear;

ctx.fill()

// ctx.fillRect(-100,-100,200,200)

var Radial = ctx.createRadialGradient(550,450,0,450,450,100);

Radial.addColorStop(0,'rgba(0,255,0,1)');

// Radial.addColorStop(0.1,'rgba(255,255,255,1)');

Radial.addColorStop(0.75,'rgba(255,255,255,1)');

Radial.addColorStop(1,'rgba(255,255,255,0.1)');

Radial.addColorStop(0,'rgba(255,255,255,1)');

Radial.addColorStop(0.25,'rgba(0,0,0,0)');

Radial.addColorStop(1,'rgba(0,0,0,0)');

ctx.fillStyle = Radial;

ctx.beginPath();

ctx.arc(450,450,100,0,2*Math.PI,true);

ctx.fill();

</script>

</body>

</html>

写回答

1回答

好帮手慕慕子

2019-11-14

同学你好，这样写是可以的，继续加油，祝学习愉快~~~

0 学习 · 6815 问题

查看课程

相似问题

老师，这样可以吗？颜色不一样呢

回答 2

这样可以吗

回答 2

这样可以吗老师？

回答 1

这样子可以吗？坐标是模糊的

回答 1

这里可以用45deg吗？

回答 1

打开慕课网App查看更多内容