Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

ICanvasRenderingContext2D インターフェイスは、canvas 要素に四角形、テキスト、画像、およびその他のオブジェクトを描画するために使用されます。 canvas 要素の描画面に 2D レンダリング コンテキストを提供します。

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

プロパティ

名前説明
Canvas { get; }HTMLCanvasElement への読み取り専用の後方参照。キャンバス要素に関連付けられていない場合は null になる可能性があります.
FillStyle { get; set; }シェイプ内で使用する色またはスタイル。デフォルト: (黒).
GlobalAlpha { get; set; }キャンバスに合成される前に形状と画像に適用されるアルファ値。デフォルト 1.0 (不透明).
GlobalCompositeOperation { get; set; }globalAlpha が適用された状態で、既存のビットマップにシェイプと画像を描画する方法を設定します。デフォルト: (source-over)
ImageSmoothingEnabled { get; set; }画像スムージング モード。無効にすると、スケーリングしても画像は滑らかになりません。
ShadowBlur { get; set; }ぼかし効果を指定します。デフォルト 0
ShadowColor { get; set; }影の色。デフォルトの完全に透明な黒.
ShadowOffsetX { get; set; }影がオフセットされる水平距離。デフォルト 0.
ShadowOffsetY { get; set; }影がオフセットされる垂直距離。デフォルト 0.
StrokeStyle { get; set; }図形の周りの線に使用する色またはスタイル。デフォルト: (黒).

メソッド

名前説明
AddHitRegion(Dictionary<string, string>)キャンバスにヒット領域を追加します。 これにより、ヒット検出が容易になり、イベントを DOM 要素にルーティングできるようになり、 ユーザーがキャンバスを見ずに探索できるようになります。
BeginPath()サブパスのリストを空にして、新しいパスを開始します。新しいパスを作成する場合は、このメソッドを呼び出します.
ClearHitRegions()キャンバスからすべてのヒット領域を削除します。
ClearRect(double, double, double, double)開始点 (x、y) とサイズ (幅、高さ) によって定義される四角形内のすべてのピクセルを透明な黒に設定し、以前に描画されたコンテンツを消去します。
Clip()現在のクリッピング領域とパスによって記述された領域の交点を計算することにより、新しいクリッピング領域を作成します。 クリッピング領域を計算するときは、実際のサブパスに影響を与えずに、開いているサブパスを暗黙的に閉じる必要があります. 新しいクリッピング領域が現在のクリッピング領域を置き換えます.
Clip(CanvasFillRule)非ゼロの巻き数規則を使用して、現在のクリッピング領域とパスによって記述された領域の交点を計算することにより、新しいクリッピング領域を作成します。 開いているサブパスは、実際のサブパスに影響を与えることなく、クリッピング領域を計算するときに暗黙的に閉じる必要があります. 新しいクリッピング領域が現在のクリッピング領域を置き換えます.
Clip(Path2D, CanvasFillRule)非ゼロの巻き数規則を使用して、現在のクリッピング領域とパスによって記述された領域の交点を計算することにより、新しいクリッピング領域を作成します。 開いているサブパスは、実際のサブパスに影響を与えることなく、クリッピング領域を計算するときに暗黙的に閉じる必要があります. 新しいクリッピング領域が現在のクリッピング領域を置き換えます.
CreateImageData(IImageData)指定された寸法で新しい空の ImageData オブジェクトを作成します。 新しいオブジェクトのピクセルはすべて透明な黒です。
CreateImageData(double, double)指定された寸法で新しい空の ImageData オブジェクトを作成します。 新しいオブジェクトのピクセルはすべて透明な黒です。
CreateLinearGradient(double, double, double, double)パラメーターによって表される座標によって指定された線に沿って線形グラデーションを作成します。
CreatePattern(HTMLCanvasElement, string)指定された画像 (CanvasImageSource) を使用してパターンを作成します。 繰り返し引数で指定された方向にソースを繰り返します。
CreatePattern(HTMLImageElement, string)指定された画像 (CanvasImageSource) を使用してパターンを作成します。 繰り返し引数で指定された方向にソースを繰り返します。
CreateRadialGradient(double, double, double, double, double, double)パラメータで表される 2 つの円の座標によって指定される放射状グラデーションを作成します。
DrawFocusIfNeeded(Element)特定の要素がフォーカスされている場合、このメソッドは現在のパスの周りにフォーカス リングを描画します.
DrawImage(HTMLCanvasElement, double, double)指定した画像を描画します。
DrawImage(HTMLImageElement, double, double)指定した画像を描画します。
DrawImage(HTMLCanvasElement, double, double, double, double)指定した画像を描画します。
DrawImage(HTMLImageElement, double, double, double, double)指定した画像を描画します。
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)指定した画像を描画します。
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)指定した画像を描画します。
Fill()サブパスを現在の塗りつぶしスタイルとデフォルトのアルゴリズムで塗りつぶします CanvasFillRule.Nonzero.
Fill(CanvasFillRule)現在の塗りつぶしスタイルでサブパスを塗りつぶします.
Fill(Path2D)サブパスを現在の塗りつぶしスタイルとデフォルトのアルゴリズムで塗りつぶします CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)現在の塗りつぶしスタイルでサブパスを塗りつぶします.
FillRect(double, double, double, double)(x, y) 位置に、幅と高さによってサイズが決まる塗りつぶされた長方形を描画します。
FillText(string, double, double)指定された (x,y) 位置に指定されたテキストを描画 (塗りつぶし) します。
FillText(string, double, double, double)指定された (x,y) 位置に指定されたテキストを描画 (塗りつぶし) します。
GetImageData(double, double, double, double)(sx, sy) で始まり、幅が sw で高さが sh の長方形で示されるキャンバスの領域の基礎となるピクセル データを表す ImageData オブジェクトを返します。 このメソッドは、キャンバスの変換行列の影響を受けません。
IsPointInPath(double, double)指定したポイントが現在のパスに含まれているかどうかを報告します。
IsPointInPath(double, double, CanvasFillRule)指定したポイントが現在のパスに含まれているかどうかを報告します。
IsPointInPath(Path2D, double, double)指定したポイントが現在のパスに含まれているかどうかを報告します。
IsPointInPath(Path2D, double, double, CanvasFillRule)指定したポイントが現在のパスに含まれているかどうかを報告します。
IsPointInStroke(double, double)指定されたポイントが、パスのストロークによって含まれる領域内にあるかどうかを報告します。
IsPointInStroke(Path2D, double, double)指定されたポイントが、パスのストロークによって含まれる領域内にあるかどうかを報告します。
MeasureText(string)TextMetrics オブジェクトを返します。
PutImageData(IImageData, double, double)指定された ImageData オブジェクトのデータをビットマップに描画します。 ダーティな四角形が指定されている場合、その四角形のピクセルのみが描画されます。 このメソッドはキャンバス変換マトリックスの影響を受けません.
PutImageData(IImageData, double, double, double, double, double, double)指定された ImageData オブジェクトのデータをビットマップに描画します。 ダーティな四角形が指定されている場合、その四角形のピクセルのみが描画されます。 このメソッドはキャンバス変換マトリックスの影響を受けません.
RemoveHitRegion(string)指定された ID を持つヒット領域をキャンバスから削除します。
ResetTransform()単位行列によって現在の変換をリセットします.
Restore()描画スタイルの状態を、save(). によって保存された「状態スタック」の最後の要素に復元します。
Rotate(double)変換行列に回転を追加します。 angle 引数は、時計回りの回転角度を表し、ラジアンで表されます.
Save()スタックを使用して現在の描画スタイルの状態を保存し、restore(). を使用して変更を元に戻すことができるようにします。
Scale(double, double)キャンバス単位に水平 x および垂直 y によるスケーリング変換を追加します。
SetTransform(double, double, double, double, double, double)現在の変換を単位行列にリセットし、同じ引数で transform() メソッドを呼び出します。
Stroke()現在のストローク スタイルでサブパスをストロークします。
Stroke(Path2D)現在のストローク スタイルでサブパスをストロークします。
StrokeRect(double, double, double, double)現在のストローク スタイルを使用して、(x, y) を始点とし、幅が w で高さが h の長方形をキャンバスに描画します。
StrokeText(string, double, double)指定された (x, y) 位置に指定されたテキストを描画 (ストローク) します。
StrokeText(string, double, double, double?)指定された (x, y) 位置に指定されたテキストを描画 (ストローク) します。
Transform(double, double, double, double, double, double)現在の変換行列と、その引数で記述された行列を乗算します。
Translate(double, double)キャンバスとその原点をグリッド上で x 水平方向および y 垂直方向に移動することにより、平行移動変換を追加します。

関連項目