Canvas дээрх getContext 2d гэж юу вэ?
Canvas дээрх getContext 2d гэж юу вэ?

Видео: Canvas дээрх getContext 2d гэж юу вэ?

Видео: Canvas дээрх getContext 2d гэж юу вэ?
Видео: Тойрог тоглоомны код / Javascript 2024, Арваннэгдүгээр
Anonim

The getContext () арга нь дээр зурах арга, шинж чанарыг өгдөг объектыг буцаана зотон даавуу . Энэхүү лавлагаа нь шинж чанар, аргуудыг хамарна getContext (" 2d ") текст, шугам, хайрцаг, тойрог болон бусад зүйлийг зурахад ашиглаж болох объект - дээр зотон даавуу.

Үүнтэй адилаар, 2d canvas гэж юу вэ?

CanvasRenderingContext2D интерфейс нь Канвас API нь хангадаг 2D <-ийн зургийн гадаргуугийн контекстийг үзүүлэх зотон даавуу > элемент. Энэ нь дүрс, текст, зураг болон бусад объектыг зурахад хэрэглэгддэг. The Канвас заавар нь илүү тайлбар, жишээ, эх сурвалжтай.

Үүний нэгэн адил, canvas API гэж юу вэ? The Canvas API JavaScript болон HTML <-ээр график зурах хэрэгслээр хангадаг зотон даавуу > элемент. Бусад зүйлсийн дотор үүнийг хөдөлгөөнт дүрс, тоглоомын график, өгөгдлийг дүрслэх, зураг боловсруулах, бодит цагийн видео боловсруулахад ашиглаж болно.

Эндээс би канвас контекстийг хэрхэн авах вэ?

Чи чадна авах a 2d контекст -ийн зотон даавуу дараах кодтой: var зотон даавуу = баримт бичиг. getElementById(' зотон даавуу '); var ctx = зотон даавуу . getContext('2d'); консол.

Канвас шошго нь юунд зориулагдсан вэ?

HTML < зотон даавуу > бүрэлдэхүүн JavaScript-ээр шууд график зурахад ашигладаг. нь < зотон даавуу > бүрэлдэхүүн нь зөвхөн графикт зориулсан сав юм. Чи заавал ашиглах Графикийг үнэхээр зурахын тулд JavaScript. Канвас зам, хайрцаг, тойрог, текст зурах, зураг нэмэх хэд хэдэн аргуудтай.

Зөвлөмж болгож буй: