非線形 (ベジエ曲線塗りつぶしなど) の css3 グラデーションを実行できるようには見えません。html5キャンバスで可能かどうか知っている人はいますか?
質問する
10847 次
1 に答える
16
最初のコメントは、グラデーションの物理的な形状ではなく、グラデーション内のある色から別の色への進行率に関するものだと思います。
前者に対処するには: いいえ、残念ながら現時点では、非線形の CSS グラデーション塗りつぶしを行う方法はありません。ただし、連続するカラー ストップを使用して、グラデーションの形状をある程度制御することができます。
Colorzilla グラデーション ジェネレーターのグラデーションの下にある小さな四角をいじったり、独自のカラー ストップの作成に関する詳細情報についてMDN 線形グラデーションの記事を読んだりすることができます。
カラー ストップは、特に と組み合わせて、かなりクリエイティブに使用できますbackground-size。これは、グラデーションを使用して構築されたCSS パターンの素晴らしいコレクションです。
CSS プリプロセッサを使用して、非線形に感じるグラデーションを生成することもできます(ただし、1 つ 1 つを考える必要がなく、多数のストップを生成するだけです)。線形グラデーションの緩和に関する最近のCSS トリックの記事は、そのようなアプローチの 1 つを示しています。
于 2012-11-10T07:31:57.643 に答える