这样可以吗

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

这样可以吗

来源：5-7 编程练习

unbreakable_全栈

2020-10-12 10:46:56

<!DOCTYPE html>

<html>

<head>

<title>canvas渐变</title>

<style>

canvas{background-color:black;}

</style>

</head>

<body>

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

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

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

//在此处补充代码

var radialGradient = context.createRadialGradient(200, 200, 100, 300, 200, 0)

// 渐变添加颜色

radialGradient.addColorStop(0, 'rgb(220,220,220, 0.1)')

radialGradient.addColorStop(0.1, 'rgb(220,220,220, 0.6)')

radialGradient.addColorStop(0.5, 'rgb(255,0,0, 0.7)')

radialGradient.addColorStop(1, 'rgb(255,255,255)')

context.fillStyle = radialGradient

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

context.fill()

</script>

</body>

</html>

写回答

1回答

好帮手慕星星

2020-10-12

已采纳

同学你好，可以再调整下渐变的位置。红色绘制部分小一些，参考

自己再测试下，祝学习愉快！

0 学习 · 6815 问题

查看课程

相似问题

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

回答 2

这样可以吗

回答 2

老师，我这样写可以吗？

回答 1

这样可以吗

回答 1

这样可以吗

回答 1

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