vászon tag - sorsolás téglalapok (négyszögek)

előző ◈ a következő

Címkék: vászon, clearRect, strokeRect, fillRect

vászon tag - sorsolás téglalapok (négyszögek)

Ebben a cikkben fogjuk nézni a belső funkciókat, lehetővé teszi, hogy dolgozzon téglalap vásznon.

Ellentétben SVG. vászon csak támogatja primitív formák, mint például a téglalapok. Minden más formák hozhatók létre különböző kombinációi téglalapok és vonalak. Téglalap rajzolásához segítségével három funkció, ami lesz szó tovább.

Minden példa az alábbi HTML fájl szerkezete:

Canvas - fillRect (x, y, szélesség, magasság)

Döntetlen a kitöltött téglalapot. x és y koordinátái a közvetlenül a bal felső sarokban, és a szélessége és magassága - a szélessége és magassága a téglalap. Vegyünk egy egyszerű példát:

Az eredmény a demo oldalon:

vászon tag - sorsolás téglalapok (négyszögek)

Canvas - strokeRect (x, y, szélesség, magasság)

Döntetlen egy üres téglalap (csak a határ). x és y koordinátái a közvetlenül a bal felső sarokban, és a szélessége és magassága - a szélessége és magassága a téglalap. Vegyünk egy egyszerű példát:

Az eredmény a demo oldalon:

vászon tag - sorsolás téglalapok (négyszögek)

Canvas - clearRect (x, y, szélesség, magasság)

Törli a kijelölt téglalap alakú terület a háttér színét. x és y koordinátái a közvetlenül a bal felső sarokban, és a szélessége és magassága - a szélessége és magassága a téglalap. Vegyünk egy egyszerű példát:

Ebben a példában, először felhívni a kitöltött téglalapot, hogy a hatás a clearRect funkciót.

Az eredmény a demo oldalon:

vászon tag - sorsolás téglalapok (négyszögek)

előző ◈ a következő