⭐ 0
🔍
Tekstas Vaizdas PDF ir dokumentai Garsas Muzika Elektronika Laikas Komunalinės paslaugos Validatoriai Ezoterinis Žaidimai

CSS klipų kelio generatorius

Nubrėžkite savavališkas daugiakampio formas, įskaitant įgaubtas įpjovas, vilkdami taškus ant tiesioginės peržiūros laukelio arba savo įkelto vaizdo ir nukopijuokite gautą CSS klipo kelią: daugiakampis (...) reikšmę.

Vilkite tašką, kad jį perkeltumėte. Spustelėkite šalia krašto, kad pridėtumėte tašką. Dukart spustelėkite tašką, kad jį pašalintumėte (mažiausiai 3 taškai).

Apdorojama... 0%

Rezultatas

CSS iškarpų kelias priima daugiakampio () funkciją, sudarytą iš bet kokio skaičiaus x/y koordinačių porų, o tai reiškia, kad ji gali iškirpti dėžutę į formas, kurios yra toli už paprastų stačiakampių ir apskritimų, kuriuos pasiekia dauguma žmonių. Bėda ta, kad įvesti šias koordinates ranka yra varginantis ir beveik neįmanoma to padaryti teisingai, išskyrus pagrindinį trikampį – šis generatorius paverčia tą koordinačių sąrašą nuvilktų taškų rinkiniu tiesioginėje peržiūroje, todėl matoma forma visada yra CSS sukuriama forma.

Kiekvienas peržiūros taškas išsaugomas kaip langelio pločio ir aukščio procentas, būtent taip ir yra klipo kelias: pats polygon() veikia po gaubtu: tokiu būdu sukurta forma išlaiko teisingas proporcijas, nesvarbu, kokio dydžio elementas atsiduria tikrame puslapyje, nuo mažos piktogramos kaukės iki viso pločio herojaus reklamjuostės. Vilkite bet kurį tašką, kad pakeistumėte kontūro formą, spustelėkite arti krašto, kad pridėtumėte naują tašką tiksliai ten, kur spustelėjote, arba dukart spustelėkite esamą tašką, kad jį ištrintumėte – redaktorius visada išsaugo bent tris taškus, nes daugiakampis negali egzistuoti turint mažiau.

Šeši iš anksto nustatyti nustatymai parenkami siekiant įrodyti, kad nukirpimo kelias gali padaryti daugiau nei išgaubtos formos: ir žvaigždė, ir rodyklė remiasi refleksiniais kampais, nukreiptais į vidų, kalbos burbulas išpjauna trikampę uodegą iš šiaip paprasto stačiakampio, o bilieto stuburas įlenkia dvi įdubas į priešingus kraštus, kaip atrodo tikras perforuotas bilietas. Įkelkite bet kokį išankstinį nustatymą ir toliau vilkite iš ten – niekas apie redaktorių neužfiksuoja jūsų pradinėje formoje.

Įkelkite savo vaizdą, kad peržiūrėtumėte vaizdo įrašo kelią prieš tikrąjį turinį, o ne į paprastą langelį, arba visiškai praleiskite įkėlimą ir peržiūra vėl taps dryžuota, kad iškirpta forma išliktų aiškiai matoma bet kuriuo atveju. Kaip ir kiekvienas šioje svetainėje esantis įrankis, viskas veikia lokaliai naršyklėje: joks vaizdas niekada nepalieka jūsų įrenginio, o generatorius veikia neprisijungus, kai puslapis įkeliamas.

🛡️
Vykdoma naršyklėje

Jūsų failai ir įvestis niekada nepalieka šio įrenginio. Apdorojimas vykdomas visiškai neprisijungus. 100% saugus.

Priimami formatai ir taisyklės

  • Vilkamos taško rankenos (pelės, lietimo ir rodyklės klavišų stumdymas) su tiesioginiu atnaujinamu iškarpų keliu: daugiakampis (...) išvestis jas judant.
  • Spustelėkite šalia bet kurio krašto, kad įterptumėte naują tašką, dukart spustelėkite tašką, kad jį pašalintumėte (visada išsaugomi mažiausiai 3 taškai).
  • Išankstiniai rodyklės, žvaigždės, šešiakampio, kalbos burbulo ir bilietų iškabų formų nustatymai, įskaitant tikrai įgaubtus, neišgaubtus kontūrus, ir pasirenkamas vaizdo įkėlimas, kad galėtumėte peržiūrėti klipą savo nuotraukoje.

Pagrindiniai privalumai

✓ Kiekvienas nuvilkimas tašku akimirksniu perrašo tiesioginį klipo kelią peržiūroje, todėl prieš nukopijuodami vieną CSS eilutę pamatysite tikslią formą.
✓ Taškai išsaugomi procentais, lygiai taip pat, kaip klipo kelias: pats poligonas(), todėl bet kokio peržiūros dydžio forma išliks teisinga esant bet kokiam elemento dydžiui jūsų išdėstyme.
✓ Šeši pradiniai nustatymai – įskaitant žvaigždutę, kalbos burbulą ir dantytą bilietą – apima formas, kurias kitu atveju reikėtų daug rankiniu būdu atspėti koordinates.

Naudojimo atvejai

  • • Iškirpkite herojaus vaizdą arba kortelės miniatiūrą į rodyklę, žvaigždę ar šešiakampį, vilkdami iš anksto nustatytus taškus, tada nukopijuokite tikslų iškarpos kelią: daugiakampis(...) CSS.
  • • Sukurkite tikrai įgaubtą formą – kalbos burbulo uodegą arba įpjovą bilieto stulpelį – tokios, kokios paprastos kraštinės spindulio arba kaukės vaizdas niekada negalėtų sukurti.
  • • Įkelkite savo nuotrauką, kad tiksliai patikrintumėte, kaip atrodys tinkintas daugiakampis, prieš siunčiant iškarpos kelio reikšmę į tikrą puslapį.