看起来不可能在CSS3渐变中实现非线性(例如贝塞尔曲线填充);有人知道在HTML5画布中是否可能实现吗?
看起来不可能在CSS3渐变中实现非线性(例如贝塞尔曲线填充);有人知道在HTML5画布中是否可能实现吗?
我认为最初的评论实际上是关于在渐变中从一种颜色到另一种颜色的进度速度,而不是渐变的物理形状。
要解决前者:很遗憾,目前还没有办法实现非线性CSS渐变填充。但是,您可以使用连续的颜色停止来实现对渐变形状的某些程度的控制。
您可以在Colorzilla渐变生成器下的小方块中进行操作,或阅读MDN linear-gradient文章以获取有关创建自己的颜色停止的详细信息。
颜色停止可以相当有创意地使用,特别是与background-size
组合使用。这里有一个使用渐变构建的很棒的CSS模式集合。
CSS预处理器也可以用于生成感觉非线性的渐变(尽管它们只是生成许多停止而无需您考虑每个停止)。最近的CSS Tricks关于缓和线性渐变的文章演示了一种这样的方法。