SVG-paikkamerkki

Kevyt SVG-placeholder-kuvageneraattori verkkokehitykseen ja suunnitteluprototyyppeihin. Luo mukautettavia placeholder-kuvia säädettävillä mitoilla, taustavärillä, tekstillä ja näyttötekstillä. Tulos on puhdasta SVG-merkintää, jota voidaan käyttää data-URI:na tai sisäkkäisenä SVG:nä — erillisiä kuvatiedostoja ei tarvita.

1. Aseta kuvan mitat Leveys ja Korkeus -syötteiden avulla (oletus: 640×360). 2. Valitse taustaväri värivalitsimella tai hex-syötteellä. 3. Valitse tekstin väri dimension merkinnälle. 4. Mukauta valinnaisesti näyttötekstiä (oletus 'WIDTH × HEIGHT'). 5. Napsauta 'Kopioi SVG:nä' kopioidaksesi SVG-merkinnän, tai 'Kopioi URI:na' kopioidaksesi data:image/svg+xml base64-koodatun URI:n. 6. Liitä kopioitu arvo HTML img src -attribuuttiin tai CSS-taustaan.

• SVG-merkintä: Raaka <svg>...</svg> -koodi, joka voidaan upottaa suoraan HTML:ään. • Data-URI: base64-koodattu data:image/svg+xml -merkkijono, joka sopii img src:hen, CSS background-imageen tai mihin tahansa paikkaan, joka hyväksyy URL-osoitteen. Molemmat muodot ovat itsenäisiä — ei ulkoisia riippuvuuksia tai verkkopyyntöjä.

• Verkkokehitys: Placeholder-kuvat asettelun ja suunnitteluvaiheen aikana. • Responsiivisen suunnittelun testaus: Luo kuvia tietyissä kuvasuhteissa. • Prototyyppimallinnokset: Nopeat placeholder-grafiikat kaaviomalleihin. • Sähköpostimallit: Kevyt placeholderit, jotka eivät vaadi ulkoista isännöintiä. • Dokumentaatio: Esimerkkikuvat mukautettavilla merkinnöillä.