Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

ICanvasRenderingContext2D arabirimi, tuval öğesine dikdörtgenler, metinler, resimler ve diğer nesneleri çizmek için kullanılır. Bir tuval öğesinin çizim yüzeyi için 2B oluşturma bağlamı sağlar.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Özellikleri

İsimTanım
Canvas { get; }HTMLCanvasElement öğesine salt okunur bir geri başvuru. Bir tuval öğesiyle ilişkilendirilmemişse boş olabilir.
FillStyle { get; set; }Şekillerin içinde kullanmak için renk veya stil. Varsayılan: (siyah).
GlobalAlpha { get; set; }Şekillere ve resimlere tuval üzerinde birleştirilmeden önce uygulanan alfa değeri. Varsayılan 1.0 (opak).
GlobalCompositeOperation { get; set; }globalAlpha uygulandığında bu, şekillerin ve görüntülerin mevcut bitmap üzerine nasıl çizileceğini ayarlar. Varsayılan: (kaynak üzerinden)
ImageSmoothingEnabled { get; set; }Görüntü yumuşatma modu; devre dışı bırakılırsa, ölçeklenirse görüntüler düzgünleştirilmez.
ShadowBlur { get; set; }Bulanıklaştırma efektini belirtir. Varsayılan 0
ShadowColor { get; set; }Gölgenin rengi. Varsayılan tamamen şeffaf siyah.
ShadowOffsetX { get; set; }Gölgenin kaydırılacağı yatay mesafe. Varsayılan 0.
ShadowOffsetY { get; set; }Gölgenin kaydırılacağı dikey mesafe. Varsayılan 0.
StrokeStyle { get; set; }Şekillerin etrafındaki çizgiler için kullanılacak renk veya stil. Varsayılan: (siyah).

yöntemler

İsimTanım
AddHitRegion(Dictionary<string, string>)Tuvale bir isabet bölgesi ekler. Bu, isabet algılamayı kolaylaştırmanıza, olayları DOM öğelerine yönlendirmenize olanak tanır, ve kullanıcıların tuvali görmeden keşfetmesine olanak tanır.
BeginPath()Alt yolların listesini boşaltarak yeni bir yol başlatır. Yeni bir yol oluşturmak istediğinizde bu yöntemi çağırın.
ClearHitRegions()Tüm isabet alanlarını tuvalden kaldırır.
ClearRect(double, double, double, double)Başlangıç noktası (x, y) ve boyut (genişlik, yükseklik) tarafından tanımlanan dikdörtgendeki tüm pikselleri saydam siyaha ayarlar ve önceden çizilen içeriği siler.
Clip()Sıfır olmayan sarma sayı kuralını kullanarak, geçerli kırpma bölgesi ile yol tarafından açıklanan alanın kesişimini hesaplayarak yeni bir kırpma bölgesi oluşturur. Açık alt yollar, kırpma bölgesi hesaplanırken, gerçek alt yolları etkilemeden dolaylı olarak kapatılmalıdır. . Yeni kırpma bölgesi, geçerli kırpma bölgesinin yerini alır.
Clip(CanvasFillRule)Sıfırdan farklı sarma sayısı kuralını kullanarak, geçerli kırpma bölgesi ile yolun tanımladığı alanın kesişimini hesaplayarak yeni bir kırpma bölgesi oluşturur. Kırpma bölgesi hesaplanırken, gerçek alt yolları etkilemeden açık alt yollar dolaylı olarak kapatılmalıdır. Yeni kırpma bölgesi, geçerli kırpma bölgesinin yerini alır.
Clip(Path2D, CanvasFillRule)Sıfırdan farklı sarma sayısı kuralını kullanarak, geçerli kırpma bölgesi ile yolun tanımladığı alanın kesişimini hesaplayarak yeni bir kırpma bölgesi oluşturur. Kırpma bölgesi hesaplanırken, gerçek alt yolları etkilemeden açık alt yollar dolaylı olarak kapatılmalıdır. Yeni kırpma bölgesi, geçerli kırpma bölgesinin yerini alır.
CreateImageData(IImageData)Belirtilen boyutlara sahip yeni, boş bir ImageData nesnesi oluşturur. Yeni nesnedeki tüm pikseller saydam siyahtır.
CreateImageData(double, double)Belirtilen boyutlara sahip yeni, boş bir ImageData nesnesi oluşturur. Yeni nesnedeki tüm pikseller saydam siyahtır.
CreateLinearGradient(double, double, double, double)Parametreler tarafından temsil edilen koordinatların verdiği çizgi boyunca doğrusal bir gradyan oluşturur.
CreatePattern(HTMLCanvasElement, string)Belirtilen görüntüyü (bir CanvasImageSource) kullanarak bir desen oluşturur. Tekrarlama bağımsız değişkeni tarafından belirtilen yönlerde kaynağı tekrarlar.
CreatePattern(HTMLImageElement, string)Belirtilen görüntüyü (bir CanvasImageSource) kullanarak bir desen oluşturur. Tekrarlama bağımsız değişkeni tarafından belirtilen yönlerde kaynağı tekrarlar.
CreateRadialGradient(double, double, double, double, double, double)Parametrelerle temsil edilen iki dairenin koordinatları tarafından verilen bir radyal gradyan oluşturur.
DrawFocusIfNeeded(Element)Belirli bir öğe odaklanırsa, bu yöntem geçerli yolun etrafına bir odak halkası çizer.
DrawImage(HTMLCanvasElement, double, double)Belirtilen görüntüyü çizer.
DrawImage(HTMLImageElement, double, double)Belirtilen görüntüyü çizer.
DrawImage(HTMLCanvasElement, double, double, double, double)Belirtilen görüntüyü çizer.
DrawImage(HTMLImageElement, double, double, double, double)Belirtilen görüntüyü çizer.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Belirtilen görüntüyü çizer.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Belirtilen görüntüyü çizer.
Fill()Alt yolları geçerli dolgu stili ve varsayılan algoritma ile doldurur CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Alt yolları geçerli dolgu stiliyle doldurur.
Fill(Path2D)Alt yolları geçerli dolgu stili ve varsayılan algoritma ile doldurur CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Alt yolları geçerli dolgu stiliyle doldurur.
FillRect(double, double, double, double)(x, y) konumunda, boyutu genişlik ve yükseklik tarafından belirlenen içi dolu bir dikdörtgen çizer.
FillText(string, double, double)Belirli bir metni verilen (x,y) konumuna çizer (doldurur).
FillText(string, double, double, double)Belirli bir metni verilen (x,y) konumuna çizer (doldurur).
GetImageData(double, double, double, double)(sx, sy) ile başlayan ve bir sw genişliği ve sh yüksekliği olan tuval alanı için temel piksel verilerini temsil eden bir ImageData nesnesi döndürür. Bu yöntem tuval dönüştürme matrisinden etkilenmez.
IsPointInPath(double, double)Belirtilen noktanın geçerli yol içinde olup olmadığını bildirir.
IsPointInPath(double, double, CanvasFillRule)Belirtilen noktanın geçerli yol içinde olup olmadığını bildirir.
IsPointInPath(Path2D, double, double)Belirtilen noktanın geçerli yol içinde olup olmadığını bildirir.
IsPointInPath(Path2D, double, double, CanvasFillRule)Belirtilen noktanın geçerli yol içinde olup olmadığını bildirir.
IsPointInStroke(double, double)Belirtilen noktanın, bir yolun çizilmesiyle kapsanan alanın içinde olup olmadığını bildirir.
IsPointInStroke(Path2D, double, double)Belirtilen noktanın, bir yolun çizilmesiyle kapsanan alanın içinde olup olmadığını bildirir.
MeasureText(string)Bir TextMetrics nesnesi döndürür.
PutImageData(IImageData, double, double)Verilen ImageData nesnesindeki verileri bitmap üzerine boyar. Kirli bir dikdörtgen sağlanırsa, yalnızca o dikdörtgenin pikselleri boyanır. Bu yöntem tuval dönüştürme matrisinden etkilenmez.
PutImageData(IImageData, double, double, double, double, double, double)Verilen ImageData nesnesindeki verileri bitmap üzerine boyar. Kirli bir dikdörtgen sağlanırsa, yalnızca o dikdörtgenin pikselleri boyanır. Bu yöntem tuval dönüştürme matrisinden etkilenmez.
RemoveHitRegion(string)Belirtilen kimliğe sahip isabet bölgesini tuvalden kaldırır.
ResetTransform()Geçerli dönüşümü kimlik matrisiyle sıfırlar.
Restore()Çizim stili durumunu save(). tarafından kaydedilen ‘durum yığınındaki’ son öğeye geri yükler.
Rotate(double)Dönüşüm matrisine bir dönüş ekler. Açı bağımsız değişkeni, saat yönünde bir dönüş açısını temsil eder ve radyan cinsinden ifade edilir.
Save()Mevcut çizim stili durumunu bir yığın kullanarak kaydeder, böylece restore(). kullanarak yaptığınız herhangi bir değişikliği geri alabilirsiniz.
Scale(double, double)Tuval birimlerine x yatay ve y dikey olarak bir ölçeklendirme dönüşümü ekler.
SetTransform(double, double, double, double, double, double)Geçerli dönüşümü kimlik matrisine sıfırlar ve ardından aynı bağımsız değişkenlerle transform() yöntemini çağırır.
Stroke()Alt yolları geçerli vuruş stiliyle vurur.
Stroke(Path2D)Alt yolları geçerli vuruş stiliyle vurur.
StrokeRect(double, double, double, double)Geçerli kontur stilini kullanarak tuval üzerine (x, y)‘de bir başlangıç noktasına ve aw genişliğe ve h yüksekliğe sahip bir dikdörtgen çizer.
StrokeText(string, double, double)Belirli bir metni verilen (x, y) konumunda çizer (vurur).
StrokeText(string, double, double, double?)Belirli bir metni verilen (x, y) konumunda çizer (vurur).
Transform(double, double, double, double, double, double)Geçerli dönüşüm matrisini bağımsız değişkenleriyle açıklanan matrisle çarpar.
Translate(double, double)Tuvali ve orijinini ızgara üzerinde x yatay ve y dikey olarak hareket ettirerek bir çeviri dönüşümü ekler.

Ayrıca bakınız