Šis įrankis raštą surenka kaip paprastą SVG žymėjimą, todėl rezultatas išlieka aštrus bet kokiu mastelio ar ekrano tankio lygiu ir dažniausiai užima vos kelis šimtus baitų - kur kas mažiau nei PNG plytelė. Nukopijuokite CSS kodą, kad kartojamą background-image įklijuotumėte tiesiai į stilių failą, arba parsisiųskite atskirą SVG failą naudojimui kaip grafinį išteklių. Niekas iš to, ką sukuriate, niekur nesiunčiama: raštas piešiamas visiškai jūsų įrenginyje, todėl puslapiui vieną kartą užsikrovus, jis veikia net be interneto ryšio.
Nemokamas SVG raštų generatorius
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
Raštas
Stilius
Priekinis planas
Fonas
Kas yra SVG raštų generatorius?
SVG raštų generatorius sukuria besiūlį, kartojamą foną iš geometrinių formų - taškų, linijų, tinklelių ar cikcakų. Pasirenkate formą, spalvas, plytelės dydį ir linijos storį, o įrankis paruošia nedidelį, nuo skiriamosios gebos nepriklausomą SVG bei paruoštą įklijuoti CSS kodą. Viskas sukuriama naršyklėje, todėl niekas niekur nesiunčiama.
Kaip naudotis
- 1Pasirinkite raštą. Iš pavyzdžių išsirinkite formą - taškus, žiedus, tinklelį, įstrižą liniją, kryžminį brūkšniavimą, pliusą, cikcaką ir kitas.
- 2Nustatykite spalvas ir formą. Pasirinkite pirmo plano ir fono spalvą (arba padarykite foną permatomą), tada koreguokite dydžio, storio ir permatomumo slankiklius, kol peržiūra atsinaujina gyvai.
- 3Kopijuokite arba parsisiųskite. Perjunkite tarp CSS ir SVG skirtukų, nukopijuokite kodą arba parsisiųskite atskirą .svg failą naudojimui bet kur.
Kam pravers
- Svetainių kūrėjai, norintys pridėti subtilią, lengvą fono tekstūrą prie pagrindinio bloko, kortelės ar skilties be atskiro paveikslėlio failo.
- Vartotojo sąsajos ir prekės ženklo dizaineriai, kuriantys besiūles tekstūras firminėmis spalvomis ir eksportuojantys jas kaip aiškius SVG išteklius.
- El. laiškų ir skaidrių kūrėjai, kuriems reikia nedidelio, kartojamo rašto, kuris aštriai atrodo bet kokiame ekrane.
- Studentai ir mėgėjai, keičiantys reikšmes ir skaitantys rezultatą, kad suprastų, kaip veikia SVG
<pattern>ir CSS fono kartojimas. - Turinio kūrėjai, greitai generuojantys dekoratyvius fonus miniatiūroms, baneriams ir maketams.
DUK
Ar SVG raštų generatorius nemokamas?
Taip, jis visiškai nemokamas, be registracijos ir be jokių apribojimų. Kiekvienas raštas sukuriamas naršyklėje, todėl galite kurti ir kopijuoti jų kiek tik norite, net be interneto ryšio, kai puslapis jau įkeltas.
Ar raštai tikrai besiūliai?
Taip. Kiekviena forma nupiešta taip, kad jos kraštai tiksliai sutampa su gretima plytele, o raštas kartojasi pagal fiksuotą tinklelį. Ir CSS background-image, ir SVG <pattern> elementas plyteles sujungia kraštas prie krašto be matomų siūlių.
Ar naudoti CSS, ar SVG išvestį?
CSS naudokite, kai norite kartojamą foną įklijuoti tiesiai į stilių failą - svetainėms tai greičiausias būdas. SVG parsisiuntimą pasirinkite, kai reikia atskiro failo, pavyzdžiui, kaip grafinio ištekliaus, dizaino įrankyje arba tiesiogiai įterpto į HTML.
Kodėl rinktis SVG raštą, o ne PNG?
SVG yra vektorinis formatas, todėl išlieka visiškai aiškus bet kokiu mastelio ar ekrano tankio lygiu ir niekada nesuvokseliuoja. Geometrinė SVG plytelė dažniausiai užima vos kelis šimtus baitų - gerokai mažiau nei atitinkamas PNG, o spalvas galite keisti bet kada be pakartotinio eksportavimo.
Ar galiu padaryti foną permatomą?
Taip. Pažymėkite parinktį Permatomas, ir fono užpildas dingsta, todėl raštas rodo tik pirmo plano formas. Taip raštą galite dėti ant esamos spalvos, paveikslėlio ar gradiento.
Ar mano dizainas kur nors siunčiamas?
Ne. Visas raštas kuriamas vietoje jūsų naršyklėje naudojant paprastą SVG žymėjimą, ir niekas nesiunčiama į serverį, todėl jūsų spalvos bei nustatymai lieka privatūs jūsų įrenginyje.