CSS klipu ceļa ģenerators

CSS klipceļš pieņem daudzstūra() funkciju, kas veidota no jebkura skaita x/y koordinātu pāriem, kas nozīmē, ka tā var izgriezt lodziņu formās, kas ir daudz tālāk par vienkāršiem taisnstūriem un apļiem, pēc kuriem lielākā daļa cilvēku sasniedz. Galvenais ir tas, ka šo koordinātu ierakstīšana ar roku ir nogurdinoša un gandrīz neiespējama, lai to izdarītu, izņemot pamata trijstūri — šis ģenerators pārvērš šo koordinātu sarakstu par velkamu punktu kopu tiešā priekšskatījumā, tāpēc redzamā forma vienmēr ir CSS izveidotā forma.

Katrs priekšskatījuma punkts tiek saglabāts kā procentuālā daļa no lodziņa platuma un augstuma, tieši tādā veidā klipceļš darbojas: poligons() pats darbojas zem pārsega: šādā veidā veidota forma saglabā pareizas proporcijas neatkarīgi no tā, kādā izmērā elements nonāk reālā lapā, no mazas ikonas maskas līdz pilna platuma varoņa reklāmkarogam. Velciet jebkuru punktu, lai pārveidotu kontūru, noklikšķiniet tuvu malai, lai pievienotu jaunu punktu tieši tajā vietā, kur noklikšķinājāt, vai veiciet dubultklikšķi uz esoša punkta, lai to izdzēstu — redaktors vienmēr saglabā vismaz trīs punktus, jo daudzstūris nevar pastāvēt ar mazāku punktu skaitu.

Seši komplektētie sākotnējie iestatījumi ir atlasīti, lai pierādītu, ka klipceļš var darīt vairāk nekā izliektas formas: gan zvaigzne, gan bultiņa balstās uz refleksu leņķiem, kas vērsti uz iekšu, runas burbulis izgriež trīsstūrveida asti no citādi vienkāršā taisnstūra, un biļete iegriež divas iedobes pretējās malās, kā izskatās īsta perforēta biļete. Ielādējiet jebkuru sākotnējo iestatījumu un turpiniet vilkt no turienes — nekas no redaktora nefiksē jūs sākuma formā.

Augšupielādējiet savu attēlu, lai priekšskatītu klipa ceļu pret reālu saturu, nevis vienkāršu lodziņu, vai arī izlaidiet augšupielādi pilnībā, un priekšskatījums atkal kļūst svītrains, lai griezuma forma jebkurā gadījumā būtu skaidri redzama. Tāpat kā visi rīki šajā vietnē, viss darbojas lokāli pārlūkprogrammā: neviens attēls nekad neatstāj jūsu ierīci, un ģenerators turpina darboties bezsaistē, tiklīdz lapa ir ielādēta.