wulin.comの記事紹介(www.vevb.com):HTML5デイリートレーニングキャンバスタグのアプリケーション - ラジアルグラデーショングラフィックスの描画。
Canvasを使用して線形勾配グラフを描く方法を学びました。今日は、放射状勾配グラフを描く方法を学びます。前のクラスの研究を通じて、線形勾配グラフの描画は非常に重要な関数を使用していることがわかります - CreateLinearGradiend()。
放射状の勾配を描画したい場合は、次のように同様の方法があります。
XSTART:勾配開始点の水平軸
YSTART:勾配開始点の垂直座標
Xend:勾配エンドポイント水平軸
Yend:勾配エンドポイントの垂直座標
radiusStart:変化し始める円の半径
Radiusend:勾配で終わる円の半径
最後に、前回のクラスで学んだAddColorStopメソッドを介して非常に美しいグラデーションを描くことができます。また、勾配ターニングポイントのオフセットとして、フロートポイント数を0-1の間に設定する必要があります。
コードケース全体は、以前のクラスと同じです。