Տեղապահ պատկերների գեներատոր
Ստեղծեք SVG ձևաչափի տեղապահ պատկերներ (placeholder) ընտրված չափսերով, տեքստով, ֆոնի և տառատեսակի գույներով:
Գործարկել գործիքը
Այս գործիքը ստեղծում է SVG ձևաչափի տեղապահ պատկերներ և ներկառուցվող գրաֆիկական տվյալներ վեբ էջերի, նախագծերի կամ դիզայնի մակետների համար: Դուք կարող եք նշել պատկերի ճշգրիտ լայնությունն ու բարձրությունը 1-ից մինչև 2000 պիքսել միջակայքում: Եթե չափսերը չեն նշվում, ինքնաբերաբար օգտագործվում է 400 պիքսել լայնություն և 300 պիքսել բարձրություն:
Գործիքը թույլ է տալիս ավելացնել անհատական տեքստ, ինչպես նաև կարգավորել ֆոնի ու գրության գույները տասնվեցական կոդերով, օրինակ՝ #cccccc ֆոնի և #333333 տեքստի համար: Եթե տեքստի դաշտը դատարկ է մնում, գեներատորը պատկերի կենտրոնում ավտոմատ կերպով ցուցադրում է փաստացի չափսերը բազմապատկման նշանով, օրինակ՝ 400×300:
Արդյունքում ձևավորվում է մաքուր SVG կոդ և տվյալների հղում (data URL), որը կարող եք անմիջապես տեղադրել HTML կոդում կամ CSS ոճերում: Բոլոր մուտքագրված տեքստային նիշերը ապահով կերպով էկրանավորվում են SVG կառուցվածքում, ինչը բացառում է կոդի խաթարումը: Գործիքը հարմար է կայքերի նախնական մակետավորման, ցանցերի փորձարկման և բովանդակության բացակայության դեպքում տարածքը լրացնելու համար:
Հրահանգներ
- Լրացրեք պատկերի լայնությունը և բարձրությունը պիքսելներով կամ թողեք լռելյայն արժեքները:
- Ցանկության դեպքում մուտքագրեք պատկերի վրա ցուցադրվող տեքստը:
- Ընտրեք ֆոնի և տեքստի գույները տասնվեցական ձևաչափով:
- Սեղմեք գեներացման կոճակը՝ արդյունքը ստանալու համար:
- Պատճենեք ստացված SVG պատկերը կամ ներկառուցված տվյալների կոդը ձեր նախագծում օգտագործելու համար:
Օրինակներ
- Լռելյայն չափսերով պատկեր. Լայնություն՝ 400, բարձրություն՝ 300, տեքստը դատարկ: Արդյունքում ստեղծվում է մոխրագույն 400×300 SVG պատկեր համապատասխան գրությամբ:
- Բանների մակետ. Լայնություն՝ 800, բարձրություն՝ 200, տեքստ՝ «Գովազդային բաններ», ֆոնի գույն՝ #e0e0e0, տեքստի գույն՝ #111111:
ՀՏՀ
Ի՞նչ կցուցադրվի պատկերի վրա, եթե տեքստի դաշտը դատարկ մնա:
Եթե տեքստ չեք նշում, գեներատորը պատկերի վրա ավտոմատ ցուցադրում է դրա չափսերը բազմապատկման նշանով, օրինակ՝ 400×300:
Որո՞նք են պատկերի չափսերի նվազագույն և առավելագույն սահմանները:
Լայնությունն ու բարձրությունը կարող են լինել 1-ից մինչև 2000 պիքսել: Եթե մուտքագրեք ավելի մեծ կամ փոքր թիվ, այն ինքնաբերաբար կհարմարեցվի այդ միջակայքին:
Ինչպե՞ս կարող եմ օգտագործել գեներացված պատկերը իմ կայքում:
Կարող եք պատճենել SVG գրաֆիկական կոդը կամ տվյալների հղումը (data URL) և տեղադրել այն HTML-ի src ատրիբուտում կամ CSS ֆոնային պատկերի հատկությունում: