Ուղեցույց

Ինչպես SVG-ը փոխարկել PNG-ի

Տեղադրեք ոչ դատարկ SVG նշումը, անհրաժեշտության դեպքում լրացրեք երկու չափերը և գործարկեք փոխարկումը՝ PNG-ի base64 ներկայացումը ստանալու համար։ Դատարկ կամ փոխարկման կողմից մերժված նշումը հաջող PNG արդյունք չի տալիս։

Գործիք SVG-ից PNG փոխարկիչ

SVG բովանդակությունը պատրաստեք փոխարկման համար

Այս փոխարկիչը նախատեսված է SVG նշումից PNG տվյալներ ստանալու համար։ Այն հարմար է այն դեպքերի համար, երբ պատկերն արդեն ունեք SVG տեքստի տեսքով, սակայն հաջորդ աշխատանքի համար անհրաժեշտ է PNG ներկայացում։ SVG-ն պետք է փոխանցեք որպես տեքստային բովանդակություն, ոչ թե որպես նկարագրություն կամ ֆայլի անուն։

Մուտքի բովանդակությունը ընտրովի է ձևի մակարդակում, բայց փոխարկման համար այն գործնականում պետք է լինի ոչ դատարկ։ Դատարկ արժեքը գործողությունը ձախողում է դեռևս փոխարկումից առաջ։ Այդ պատճառով նախապես պատրաստեք SVG նշումը և համոզվեք, որ դրա մեջ առկա է փոխարկվող պատկեր նկարագրող բովանդակություն։

Լայնությունն ու բարձրությունը պարտադիր չեն։ Երկու մուտքերն էլ սկզբում ունեն զրո արժեք, որը թույլ է տալիս համապատասխան չափը թողնել ավտոմատ որոշման համար։ Եթե ցանկանում եք վերահսկել չափային արժեքների փոխարինումը, պետք է լրացնեք և՛ լայնությունը, և՛ բարձրությունը ոչ զրոյական թվերով։

Փոխարկումը կատարեք և չափերը սահմանեք ճիշտ պայմանով

  1. Պատրաստեք SVG նշումը ամբողջական տեքստով։ Տեղադրեք այն բովանդակության մուտքի մեջ՝ պահպանելով տարրերի, հատկանիշների և փակվող նշագրերի կառուցվածքը։ Դատարկ դաշտը մի թողեք, քանի որ դատարկ SVG բովանդակությունը ձախողում է գործողությունը նախքան PNG ստեղծելու փորձը։

  2. Սկսելու համար կարող եք թողնել լայնության և բարձրության արժեքները զրո։ Այդ պարագայում հաջող պատասխանի մեջ համապատասխան չափը կնշվի որպես «auto»։ Սա վերաբերում է յուրաքանչյուր չափի առանձին, այնպես որ զրոյական լայնությունը և ոչ զրոյական բարձրությունը տարբեր արդյունքային նշումներ կարող են առաջացնել։

  3. Երբ պետք է նախապես տալ երկու չափերը, մուտքագրեք լայնությունն ու բարձրությունը որպես ոչ զրոյական թվեր։ Փոխարկիչը այդ պայմանում SVG տեքստում փնտրում է կրկնակի չակերտներով գրված առաջին համապատասխան width="..." և height="..." հատկանիշները և փոխարինում դրանց արժեքները։

  4. Միայն մեկ ոչ զրոյական չափի մուտքագրումը բավարար չէ այդ հատկանիշների փոխարինման պայմանը գործարկելու համար։ Նույնպես մի ակնկալեք փոփոխություն, եթե SVG-ում չափը գրված է մեկ չակերտով, առանց չակերտների կամ այլ չհամընկնող ձևով։ Փոխարինվում է համապատասխանող առաջին հանդիպումը, ոչ թե նույն անունով յուրաքանչյուր հատկանիշ։

  5. Գործարկեք փոխարկումը և սպասեք վերադարձված արդյունքին։ Հաջողության դեպքում արդյունքը ներառում է PNG տվյալներ՝ base64 տեքստի տեսքով, PNG տվյալների բայթերի չափը, ինչպես նաև հաղորդված լայնությունն ու բարձրությունը։ Base64 հատվածը տվյալների տեքստային ներկայացումն է, ուստի այն չպետք է շփոթել SVG սկզբնական նշման հետ։

  6. Եթե արդյունքը ձախողված է, նախ ստուգեք, որ մուտքը դատարկ չէ։ Այնուհետև վերանայեք SVG-ի կառուցվածքը, օգտագործված տարրերն ու հատկանիշները և փորձեք աջակցվող, փոխարկման կողմից ընդունվող նշումով։ Ոչ դատարկ լինելը ինքնին չի երաշխավորում հաջողություն, քանի որ սխալ, չաջակցվող կամ այլ պատճառով մերժված SVG-ն նույնպես կարող է ձախողել գործողությունը։

Արդյունքը գնահատեք ըստ ներկայացված տվյալների

Հաջող պատասխանը ցույց է տալիս, որ տրամադրված SVG-ից ստացվել է PNG տվյալների ներկայացում։ Base64 տեքստը PNG-ի բովանդակությունն է տեքստային ձևով, իսկ բայթերի չափը հայտնում է այդ տվյալների ծավալը։ Լայնության և բարձրության հաղորդված արժեքները պետք է կարդալ նաև մուտքագրված չափերի համատեքստում, քանի որ զրո մուտքի դեպքում տվյալ դաշտը կարող է նշվել որպես «auto»։

Երկու ոչ զրոյական չափերի դեպքում կարևոր է տարբերել ցանկալի թվային մուտքը և SVG տեքստում կատարված փոխարինումը։ Փոփոխության են ենթարկվում միայն առաջին համապատասխան կրկնակի չակերտներով width և height հատկանիշները։ Եթե սկզբնական նշումը օգտագործում է մեկ չակերտ, չակերտ չի օգտագործում կամ ունի այլ ձևաչափ, այդ հատկանիշը չի փոխարինվում, նույնիսկ եթե արտաքին չափերի մուտքերը լրացված են։

Ձախողված պատասխանը չի նշանակում, որ PNG տվյալներ են ստացվել։ Դրա պատճառ կարող է լինել դատարկ բովանդակությունը, փոխարկման կողմից մերժված SVG-ն կամ անհրաժեշտ SVG-ից PNG փոխարկման աջակցության անհասանելի լինելը։ Այդ սահմանները նկատի ունեցեք հատկապես այն ժամանակ, երբ նույն նշումը մեկ միջավայրում ընդունվում է, իսկ տվյալ գործողության ժամանակ արդյունք չի վերադարձվում։

Գործնական օրինակ

Դուք ունեք փոքր պատկերանշանի SVG նշում և ցանկանում եք ստանալ դրա PNG ներկայացումը՝ առանց նախապես չափեր սահմանելու։

Փոքր պատկերանշանի ոչ դատարկ SVG նշումը տեղադրեք բովանդակության դաշտում, լայնությունն ու բարձրությունը թողեք զրո և գործարկեք փոխարկումը։

Հաջող պատասխանում սպասվում են base64 տեքստով PNG տվյալներ, PNG տվյալների բայթերի չափ և լայնության ու բարձրության հաղորդված արժեքներ։

Սահմանափակումներ

  • Երկու չափերի վերագրանցումը սահմանափակվում է ոչ զրոյական զույգով և առաջին համապատասխան կրկնակի չակերտներով հատկանիշներով։ Փոխարկումը կարող է ձախողվել մերժված SVG-ի կամ անհրաժեշտ փոխարկման աջակցության բացակայության պատճառով։

Հաճախակի սխալներ

  • Դատարկ SVG-ն կամ չափերի միայն մեկ ոչ զրոյական արժեքը սխալ նախապատրաստման պատճառ է։ Տեղադրեք ոչ դատարկ, ընդունելի նշում և չափային փոխարինում ակնկալելիս լրացրեք երկու չափերն էլ՝ հաշվի առնելով կրկնակի չակերտներով հատկանիշների պահանջը։

Հաճախ տրվող հարցեր

Կարո՞ղ եմ SVG բովանդակության դաշտը դատարկ թողնել։

Դաշտը ձևի մակարդակում պարտադիր չէ, սակայն գործողությունը դատարկ SVG բովանդակությամբ ձախողվում է։ Փոխարկման համար տեղադրեք ոչ դատարկ նշում։

Կարո՞ղ եմ սահմանել PNG-ի լայնությունն ու բարձրությունը։

Չափային վերագրանցումը գործարկվում է միայն այն ժամանակ, երբ լայնությունն ու բարձրությունը երկուսն էլ ոչ զրոյական են։ Եթե չափերից մեկը զրո է, այդ մուտքի համապատասխան արդյունքային չափը հաջողության դեպքում նշվում է որպես «auto»։

Ի՞նչ տվյալներ է պարունակում հաջող արդյունքը։

Հաջող փոխարկման դեպքում պատասխանը պարունակում է base64 տեքստով PNG տվյալներ, այդ տվյալների բայթերի չափը և հաղորդված լայնությունն ու բարձրությունը։

Գործիք

SVG-ից PNG փոխարկիչ