如何在HTML或javascript中绘制渐变背景？

有没有一个简单的方法来画一个梯度，如图所示？还是最好创建一个图像

我希望它是一个正方形或长方形，如图所示

我想创建多个梯度背景类似于此，但使用不同的颜色在每个

此外，我发现，这确实很有帮助，但不是我正在寻找的控件。我想要一个径向类型的梯度，同样如图所示

---

建议？

生成CSS渐变，包括径向渐变。

包括径向渐变。@PeterOlson，这几乎正是我想要的。有没有办法让它从一个角开始径向渐变？我没有看到它，如果是的话。没关系，我可以手动修改它@彼得罗森：你能把它作为一个答案贴出来，这样我就可以标记出回答的问题了吗？对于任何想移动圆圈中心的人，用“左上角”替换“50%50%”，以此类推。