xmCHART 3.4: Reference: Gradients

Last updated: 2011-08-22

xmCHART グラデーション 戻る

xmCHART 3.4J には、新たに線状と放射状のグラデーションが追加されました。
グラデーションは xmCHART のすべての関数（塗り、縁、テキスト、他）で使用することができ、数字のリストで定義します。

線状グラデーション

[ 1 angle isScalableFlag offset1 r1 g1 b1 a1 offset2 r2 g2 b2 a2 ... ]

線状グラデーションではリストの最初の値は常に 1になり、2番目の値はグラデーションの方向を -360 と +360度の範囲で定義します。0度の場合は左から右への水平グラデーションに、90度の場合は上から下へのグラデーションになります。
3番目の値は 0 または 1 です。1 はグラデーションの角度がバウンディングボックスの幅/高さの割合にリンクされていることを意味し、ほとんどの場合にあてはまります。
たとえば、対角状のグラデーションには最初の 3つの値を (1 45 1 ...) に設定します。
一方、3番目の値を (1 45 0 ...) に設定すると、グラデーションの方向はバウンディングボックスの形に関係なく常に 45度になります。続いて一連のカラーストップを定義します。1組のカラーストップは 5つの要素：オフセット、赤、緑、青、アルファで指定します。オフセットは 0 と 1 の間、4つの RGBAコンポーネントはそれぞれ 0 と 255 の間です。

例:
OpenDrawing(300;100)
AddRect(10;10;280;80;
1 45 1
0.0 255 0 0 255 // 赤
0.5 255 255 0 255 // 黄色
1.0 0 0 255 255) // 青
CloseDrawing()

OpenDrawing(300;100)
AddText(21;60;"gradients";"Times New Roman";60;bold;gray)
AddText(20;60;"gradients";"Times New Roman";60;bold;
1 0 1
0.35 176 198 52 255
0.00 49 56 12 255
1.00 49 56 12 255)
Background(1 30 1
0.00 25 39 67 255
0.35 78 97 130 255
1.00 21 36 68 255)
CloseDrawing()

放射状グラデーション

[ 2 cx cy offset1 r1 g1 b1 a1 offset2 r2 g2 b2 a2 ... ]

放射状グラデーションではリストの最初の値は常に 2 になります。
2番目と 3番目の値は、中心点をバウンディングボックスに対する相対座標で指定します。たとえば、バウンディングボックスの中心は cx=0.5 と cy=0.5 になります。
続いて一連のカラーストップを定義します。1組のカラーストップは 5つの要素：オフセット、赤、緑、青、アルファで指定します。オフセットは 0 と 1 の間、4つの RGBAコンポーネントはそれぞれ 0 と 255 の間です。

例:
OpenDrawing(300;100)
AddOval(10;10;280;80;
2 0.5 0.5
0.0 255 0 0 255 // 赤
0.5 255 255 0 255 // 黄色
1.0 0 0 255 255) // 青
CloseDrawing()


	xmCHART 3.4J には、新たに線状と放射状のグラデーションが追加されました。グラデーションは xmCHART のすべての関数（塗り、縁、テキスト、他）で使用することができ、数字のリストで定義します。

	線状グラデーション
		[ 1 angle isScalableFlag offset1 r1 g1 b1 a1 offset2 r2 g2 b2 a2 ... ]
		線状グラデーションではリストの最初の値は常に 1になり、2番目の値はグラデーションの方向を -360 と +360度の範囲で定義します。0度の場合は左から右への水平グラデーションに、90度の場合は上から下へのグラデーションになります。 3番目の値は 0 または 1 です。1 はグラデーションの角度がバウンディングボックスの幅/高さの割合にリンクされていることを意味し、ほとんどの場合にあてはまります。たとえば、対角状のグラデーションには最初の 3つの値を (1 45 1 ...) に設定します。一方、3番目の値を (1 45 0 ...) に設定すると、グラデーションの方向はバウンディングボックスの形に関係なく常に 45度になります。続いて一連のカラーストップを定義します。1組のカラーストップは 5つの要素：オフセット、赤、緑、青、アルファで指定します。オフセットは 0 と 1 の間、4つの RGBAコンポーネントはそれぞれ 0 と 255 の間です。例: OpenDrawing(300;100) AddRect(10;10;280;80; 1 45 1 0.0 255 0 0 255 // 赤 0.5 255 255 0 255 // 黄色 1.0 0 0 255 255) // 青 CloseDrawing()

		OpenDrawing(300;100) AddText(21;60;"gradients";"Times New Roman";60;bold;gray) AddText(20;60;"gradients";"Times New Roman";60;bold; 1 0 1 0.35 176 198 52 255 0.00 49 56 12 255 1.00 49 56 12 255) Background(1 30 1 0.00 25 39 67 255 0.35 78 97 130 255 1.00 21 36 68 255) CloseDrawing()

	放射状グラデーション
		[ 2 cx cy offset1 r1 g1 b1 a1 offset2 r2 g2 b2 a2 ... ]
		放射状グラデーションではリストの最初の値は常に 2 になります。 2番目と 3番目の値は、中心点をバウンディングボックスに対する相対座標で指定します。たとえば、バウンディングボックスの中心は cx=0.5 と cy=0.5 になります。続いて一連のカラーストップを定義します。1組のカラーストップは 5つの要素：オフセット、赤、緑、青、アルファで指定します。オフセットは 0 と 1 の間、4つの RGBAコンポーネントはそれぞれ 0 と 255 の間です。例: OpenDrawing(300;100) AddOval(10;10;280;80; 2 0.5 0.5 0.0 255 0 0 255 // 赤 0.5 255 255 0 255 // 黄色 1.0 0 0 255 255) // 青 CloseDrawing()