wulin.comの記事紹介(www.vevb.com):HTML5デイリートレーニングキャンバスタグのアプリケーション - 線形グラデーショングラフィックスの描画。
これまでのところ、キャンバスを使用したグラフィックを描画する基本的な知識が導入されています。このセクションから始めて、他のより高度な描画知識の1つである線形勾配を紹介します。まず、「HTML5 Daily Practice:Canvasタグの適用 - 描画長方形」で指定されている色の塗りつぶしを見てみましょう。線形勾配を描画するときは、新しいオブジェクト(線形勾配オブジェクト)を使用し、グラフコンテキストオブジェクトのCreateLinearGradiondメソッドを使用してオブジェクトを作成する必要があります。この方法の定義は次のとおりです。YSTART:勾配開始点の垂直座標
Xend:勾配エンドポイント水平軸
Yend:勾配エンドポイントの垂直座標
この方法を使用することにより、2つの座標ポイントを使用した線形勾配オブジェクトが作成されます。では、グラデーションの色をどのように設定する必要がありますか?
線形勾配オブジェクトを渡すと、AddColorStopメソッドを使用して設定します。この方法の例は次のとおりです。
オフセット:色の0-1の間のフローティングポイント数のオフセットは、勾配の開始点を離れます。これにより、勾配の開始点から色をオフセットに設定します。
色:図面を設定するために使用されます
AddColorStopメソッドのオフセットパラメーターの図