Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

Antarmuka ICanvasRenderingContext2D digunakan untuk menggambar persegi panjang, teks, gambar, dan objek lain ke elemen kanvas. Ini memberikan konteks rendering 2D untuk permukaan gambar elemen kanvas.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Properti

Nama	Keterangan
Canvas { get; }	Referensi balik hanya-baca ke HTMLCanvasElement. Mungkin nol jika tidak dikaitkan dengan elemen kanvas.
FillStyle { get; set; }	Warna atau gaya untuk digunakan di dalam bentuk. Bawaan: (hitam).
GlobalAlpha { get; set; }	Nilai alfa yang diterapkan ke bentuk dan gambar sebelum digabungkan ke kanvas. Standar 1.0 (buram).
GlobalCompositeOperation { get; set; }	Dengan penerapan globalAlpha ini mengatur bagaimana bentuk dan gambar digambar ke bitmap yang ada. Default: (dari sumber)
ImageSmoothingEnabled { get; set; }	Mode perataan gambar; jika dinonaktifkan, gambar tidak akan dihaluskan jika diskalakan.
ShadowBlur { get; set; }	Menentukan efek buram. 0 bawaan
ShadowColor { get; set; }	Warna bayangan. Hitam standar sepenuhnya transparan.
ShadowOffsetX { get; set; }	Jarak horizontal bayangan akan diimbangi. Standar 0.
ShadowOffsetY { get; set; }	Jarak vertikal bayangan akan diimbangi. Standar 0.
StrokeStyle { get; set; }	Warna atau gaya yang digunakan untuk garis di sekitar bentuk. Bawaan: (hitam).

Metode

Nama	Keterangan
AddHitRegion(Dictionary<string, string>)	Menambahkan wilayah klik ke kanvas. Ini memungkinkan Anda untuk mempermudah deteksi klik, memungkinkan Anda merutekan peristiwa ke elemen DOM, dan memungkinkan pengguna menjelajahi kanvas tanpa melihatnya.
BeginPath()	Memulai jalur baru dengan mengosongkan daftar sub-jalur. Panggil metode ini saat Anda ingin membuat jalur baru.
ClearHitRegions()	Menghapus semua wilayah klik dari kanvas.
ClearRect(double, double, double, double)	Menyetel semua piksel dalam persegi panjang yang ditentukan oleh titik awal (x, y) dan ukuran (lebar, tinggi) menjadi hitam transparan, menghapus konten yang digambar sebelumnya.
Clip()	Membuat wilayah kliping baru dengan menghitung persimpangan wilayah kliping saat ini dan area yang dijelaskan oleh jalur, menggunakan aturan angka belitan bukan nol. Buka subjalur harus ditutup secara implisit saat menghitung wilayah kliping, tanpa memengaruhi subjalur yang sebenarnya . Wilayah kliping baru menggantikan wilayah kliping saat ini.
Clip(CanvasFillRule)	Membuat wilayah kliping baru dengan menghitung persimpangan wilayah kliping saat ini dan area yang dijelaskan oleh jalur, menggunakan aturan angka lilitan bukan nol. Subjalur terbuka harus ditutup secara implisit saat menghitung wilayah kliping, tanpa memengaruhi subjalur sebenarnya. Wilayah kliping baru menggantikan wilayah kliping saat ini.
Clip(Path2D, CanvasFillRule)	Membuat wilayah kliping baru dengan menghitung persimpangan wilayah kliping saat ini dan area yang dijelaskan oleh jalur, menggunakan aturan angka lilitan bukan nol. Subjalur terbuka harus ditutup secara implisit saat menghitung wilayah kliping, tanpa memengaruhi subjalur sebenarnya. Wilayah kliping baru menggantikan wilayah kliping saat ini.
CreateImageData(IImageData)	Membuat objek ImageData kosong baru dengan dimensi yang ditentukan. Semua piksel dalam objek baru berwarna hitam transparan.
CreateImageData(double, double)	Membuat objek ImageData kosong baru dengan dimensi yang ditentukan. Semua piksel dalam objek baru berwarna hitam transparan.
CreateLinearGradient(double, double, double, double)	Membuat gradien linier sepanjang garis yang diberikan oleh koordinat yang diwakili oleh parameter.
CreatePattern(HTMLCanvasElement, string)	Membuat pola menggunakan gambar yang ditentukan (sebuah CanvasImageSource). Ini mengulangi sumber ke arah yang ditentukan oleh argumen pengulangan.
CreatePattern(HTMLImageElement, string)	Membuat pola menggunakan gambar yang ditentukan (sebuah CanvasImageSource). Ini mengulangi sumber ke arah yang ditentukan oleh argumen pengulangan.
CreateRadialGradient(double, double, double, double, double, double)	Membuat gradien radial yang diberikan oleh koordinat dua lingkaran yang diwakili oleh parameter.
DrawFocusIfNeeded(Element)	Jika elemen tertentu difokuskan, metode ini menggambar cincin fokus di sekitar jalur saat ini.
DrawImage(HTMLCanvasElement, double, double)	Menggambar gambar yang ditentukan.
DrawImage(HTMLImageElement, double, double)	Menggambar gambar yang ditentukan.
DrawImage(HTMLCanvasElement, double, double, double, double)	Menggambar gambar yang ditentukan.
DrawImage(HTMLImageElement, double, double, double, double)	Menggambar gambar yang ditentukan.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)	Menggambar gambar yang ditentukan.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)	Menggambar gambar yang ditentukan.
Fill()	Mengisi subjalur dengan gaya isian saat ini dan algoritme default CanvasFillRule.Nonzero.
Fill(CanvasFillRule)	Mengisi subjalur dengan gaya isian saat ini.
Fill(Path2D)	Mengisi subjalur dengan gaya isian saat ini dan algoritme default CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)	Mengisi subjalur dengan gaya isian saat ini.
FillRect(double, double, double, double)	Menggambar persegi panjang yang terisi pada posisi (x, y) yang ukurannya ditentukan oleh lebar dan tinggi.
FillText(string, double, double)	Menggambar (mengisi) teks tertentu pada posisi (x,y) tertentu.
FillText(string, double, double, double)	Menggambar (mengisi) teks tertentu pada posisi (x,y) tertentu.
GetImageData(double, double, double, double)	Mengembalikan objek ImageData yang mewakili data piksel dasar untuk area kanvas yang dilambangkan dengan persegi panjang yang dimulai dari (sx, sy) dan memiliki lebar sw dan tinggi sh. Metode ini tidak terpengaruh oleh matriks transformasi kanvas.
IsPointInPath(double, double)	Melaporkan apakah titik yang ditentukan terkandung di jalur saat ini atau tidak.
IsPointInPath(double, double, CanvasFillRule)	Melaporkan apakah titik yang ditentukan terkandung di jalur saat ini atau tidak.
IsPointInPath(Path2D, double, double)	Melaporkan apakah titik yang ditentukan terkandung di jalur saat ini atau tidak.
IsPointInPath(Path2D, double, double, CanvasFillRule)	Melaporkan apakah titik yang ditentukan terkandung di jalur saat ini atau tidak.
IsPointInStroke(double, double)	Melaporkan apakah titik yang ditentukan berada di dalam area yang dikandung oleh guratan suatu jalur atau tidak.
IsPointInStroke(Path2D, double, double)	Melaporkan apakah titik yang ditentukan berada di dalam area yang dikandung oleh guratan suatu jalur atau tidak.
MeasureText(string)	Mengembalikan objek TextMetrics.
PutImageData(IImageData, double, double)	Cat data dari objek ImageData yang diberikan ke bitmap. Jika persegi panjang kotor disediakan, hanya piksel dari persegi panjang itu yang dicat. Metode ini tidak terpengaruh oleh matriks transformasi kanvas.
PutImageData(IImageData, double, double, double, double, double, double)	Cat data dari objek ImageData yang diberikan ke bitmap. Jika persegi panjang kotor disediakan, hanya piksel dari persegi panjang itu yang dicat. Metode ini tidak terpengaruh oleh matriks transformasi kanvas.
RemoveHitRegion(string)	Menghapus wilayah klik dengan id yang ditentukan dari kanvas.
ResetTransform()	Mereset transformasi saat ini dengan matriks identitas.
Restore()	Mengembalikan status gaya gambar ke elemen terakhir pada ’tumpukan status’ yang disimpan oleh save().
Rotate(double)	Menambahkan rotasi ke matriks transformasi. Argumen sudut mewakili sudut rotasi searah jarum jam dan dinyatakan dalam radian.
Save()	Menyimpan status gaya gambar saat ini menggunakan tumpukan sehingga Anda dapat mengembalikan setiap perubahan yang Anda buat menggunakan restore().
Scale(double, double)	Menambahkan transformasi penskalaan ke unit kanvas dengan x secara horizontal dan dengan y secara vertikal.
SetTransform(double, double, double, double, double, double)	Mereset transformasi saat ini ke matriks identitas, lalu memanggil metode transform() dengan argumen yang sama.
Stroke()	Menggores subjalur dengan gaya goresan saat ini.
Stroke(Path2D)	Menggores subjalur dengan gaya goresan saat ini.
StrokeRect(double, double, double, double)	Melukis persegi panjang yang memiliki titik awal di (x, y) dan memiliki lebar aw dan tinggi h pada kanvas, menggunakan gaya goresan saat ini.
StrokeText(string, double, double)	Menggambar (goresan) teks tertentu pada posisi (x, y) yang diberikan.
StrokeText(string, double, double, double?)	Menggambar (goresan) teks tertentu pada posisi (x, y) yang diberikan.
Transform(double, double, double, double, double, double)	Mengalikan matriks transformasi saat ini dengan matriks yang dijelaskan oleh argumennya.
Translate(double, double)	Menambahkan transformasi terjemahan dengan memindahkan kanvas dan asal x secara horizontal dan y secara vertikal pada kisi.

Lihat juga

Interface ICanvasPattern Interface IImageData