List ctx - canvas

 

Property	Mô tả
fillStyle	Đặt hoặc trả về màu sắc, độ dốc hoặc mẫu được sử dụng để tô bản vẽ
strokeStyle	Đặt hoặc trả về màu sắc, độ dốc hoặc mẫu được sử dụng cho các nét vẽ
shadowColor	Đặt hoặc trả lại màu để sử dụng cho bóng đổ
shadowBlur	Sets or returns the blur level for shadows
shadowOffsetX	Đặt hoặc trả lại mức độ mờ cho bóng
shadowOffsetY	Đặt hoặc trả về khoảng cách thẳng đứng của bóng từ hình dạng

Method	Mô tả
createLinearGradient()	Tạo một gradient tuyến tính (để sử dụng trên nội dung canvas)
createPattern()	Lặp lại một phần tử được chỉ định theo hướng đã chỉ định
createRadialGradient()	Tạo một gradient xuyên tâm / tròn (để sử dụng trên nội dung canvas)
addColorStop()	Chỉ định màu sắc và vị trí dừng trong một đối tượng gradient

---

---

Kiểu đường kẻ

Property	Mô tả
lineCap	Đặt hoặc trả về kiểu của các chữ hoa cuối cho một dòng
lineJoin	Đặt hoặc trả về loại góc được tạo, khi hai dòng gặp nhau
lineWidth	Đặt hoặc trả về độ rộng dòng hiện tại
miterLimit	Đặt hoặc trả về chiều dài miter tối đa

Hình chữ nhật

Method	Mô tả
rect()	Tạo một hình chữ nhật
fillRect()	Vẽ một hình chữ nhật "lấp đầy"
strokeRect()	Vẽ một hình chữ nhật (không tô)
clearRect()	Xóa các pixel được chỉ định trong một hình chữ nhật nhất định

Đường dẫn

Method	Mô tả
fill()	Điền vào bản vẽ hiện tại (đường dẫn)
stroke()	Trên thực tế, hãy vẽ con đường bạn đã xác định
beginPath()	Bắt đầu một đường dẫn hoặc đặt lại đường dẫn hiện tại
moveTo()	Di chuyển đường dẫn đến điểm được chỉ định trong canvas mà không cần tạo đường
closePath()	Tạo một con đường từ điểm hiện tại trở lại điểm bắt đầu
lineTo()	Thêm một điểm mới và tạo một đường thẳng đến điểm đó từ điểm được chỉ định cuối cùng trong canvas
clip()	Cắt một vùng có hình dạng và kích thước bất kỳ từ canvas gốc
quadraticCurveTo()	Tạo đường cong Bézier bậc hai
bezierCurveTo()	Tạo đường cong Bézier hình khối
arc()	Tạo một cung / đường cong (được sử dụng để tạo vòng tròn hoặc các phần của vòng tròn)
arcTo()	Tạo một cung / đường cong giữa hai tiếp tuyến
isPointInPath()	Trả về true nếu điểm được chỉ định nằm trong đường dẫn hiện tại, nếu không trả về false

Sự biến đổi

Method	Mô tả
scale()	Chia tỷ lệ bản vẽ hiện tại lớn hơn hoặc nhỏ hơn
rotate()	Xoay bản vẽ hiện tại
translate()	Sửa lại vị trí (0,0) trên canvas
transform()	Thay thế ma trận chuyển đổi hiện tại cho bản vẽ
setTransform()	Đặt lại biến đổi hiện tại thành ma trận nhận dạng. Sau đó chạy biến đổi ()

Chữ

Property	Mô tả
font	Đặt hoặc trả về các thuộc tính phông chữ hiện tại cho nội dung văn bản
textAlign	Đặt hoặc trả về căn chỉnh hiện tại cho nội dung văn bản
textBaseline	Đặt hoặc trả về đường cơ sở văn bản hiện tại được sử dụng khi vẽ văn bản

Method	Mô tả
fillText()	Vẽ văn bản "đầy" trên canvas
strokeText()	Vẽ văn bản trên canvas (không tô màu)
measureText()	Trả về một đối tượng có chứa chiều rộng của văn bản được chỉ định

Vẽ hình ảnh

Method	Mô tả
drawImage()	Vẽ hình ảnh, canvas hoặc video lên canvas

Thao tác pixel

Property	Mô tả
width	Trả về chiều rộng của một đối tượng ImageData
height	Trả về chiều cao của một đối tượng ImageData
data	Trả về một đối tượng có chứa dữ liệu hình ảnh của một đối tượng ImageData được chỉ định

Method	Mô tả
createImageData()	Tạo một đối tượng ImageData mới, trống
getImageData()	Trả về một đối tượng ImageData sao chép dữ liệu pixel cho hình chữ nhật được chỉ định trên canvas
putImageData()	Đặt dữ liệu hình ảnh (từ một đối tượng ImageData được chỉ định) trở lại canvas

Tổng hợp

Property	Mô tả
globalAlpha	Đặt hoặc trả về giá trị alpha hoặc độ trong suốt hiện tại của bản vẽ
globalCompositeOperation	Đặt hoặc trả về cách một hình ảnh mới được vẽ trên một hình ảnh hiện có

Khác

Method	Mô tả
save()	Lưu trạng thái của ngữ cảnh hiện tại
restore()	Trả về trạng thái và thuộc tính đường dẫn đã lưu trước đó
createEvent()
getContext()
toDataURL()

Created by DVB