Online na Tagakilala ng SVG

Libreng online SVG converter - PNG sa SVG, JPG sa SVG, SVG sa PNG, SVG sa JPG

Gusto mo ba ng isang libreng online SVG converter? Ito ay maaaring mag-convert nang malaya sa pagitan ng PNG, JPG, at SVG. Pinapayagan ng advanced na libreng online na ito ang mga gumagamit na i-convert ang kanilang mga PNG at JPG na mga file sa scaleable vector graphics SVG, at maaari ring i-convert ang mga vector graphics SVG sa PNG o JPG na mga larawan.

Kung nais mong i-convert ang iyong mga file sa PNG o JPG sa SVG, maaaring makatulong sa iyo ang aming advanced na SVG creator. Ang libreng PNG sa SVG converter ay isa sa mga pinakasikat na SVG converters at nag-convert na ng milyun-milyong mga file. Ang aming online na libreng SVG converter ay maaaring gamitin nang libre at walang mga limitasyon sa bilang ng mga file. Maaari mong ma-convert nang malaya ang anumang dami ng mga file.

Binuo namin ang isang simple at malinaw na interface upang matugunan ang mga pangangailangan ng mga graphic designer at mga web developer. Buksan ang isang libreng online na tool, simulan ang pag-convert ng mga file sa SVG o pag-convert ng SVG sa PNG, JPG.

Narito ang ilang mga suportadong kilalang mga pag-convert ng imahe: PNG sa SVG, JPG sa SVG, SVG sa PNG, SVG sa JPG.

Ano ang format ng SVG?

Ang SVG ay ang pinakakaraniwang ginagamit na format para sa web development at iba pang mga graphic environment. Ang scaleable vector graphics, batay sa paglalarawan ng mga linya, hugis, kurba, kulay, at teksto sa XML. Ang format ng SVG ay maaaring madaling baguhin at maaaring gamitin sa web development, maaaring manipulahin ng mga designer ang format ng SVG gamit ang JavaScript at CSS. Hindi maaaring magbigay ng parehong pagiging kapaki-pakinabang at kakayahang ma-customize ang mga tradisyunal na format ng imahe tulad ng JPG at PNG tulad ng SVG.

Mga Karaniwang Utos ng SVG Format

Ang SVG (Scalable Vector Graphics) ay isang XML-based na format ng imahe na naglalarawan ng dalawang-dimensyonal na vector graphics. Maaaring maglaman ang mga file ng SVG ng iba't ibang mga uri ng mga elemento at utos na ginagamit upang tukuyin ang istraktura, hugis, kulay, at iba pang mga katangian ng imahe. Narito ang ilang karaniwang mga utos ng SVG format at ang kanilang mga halimbawa:

Mga Utos ng Landas:

Utos ng "Galawin sa" (M): Ginagamit ang utos na ito upang ilipat ang pena sa tinukoy na coordinate point, ngunit hindi ito nagdidibuho ng anumang linya. Halimbawa, ang M1010 ay ililipat ang pena sa coordinate (10,10).

Utos ng "Linya sa" (L): Ginagamit ang utos na ito upang magdibuho ng isang linya sa pagitan ng kasalukuyang posisyon at bagong posisyon. Halimbawa, ang L5050 ay magdudulot ng linya sa pagitan ng kasalukuyang posisyon at ng coordinate na (50,50).

Utos ng Horizontal na Linya (H): Ginagamit ang utos na ito upang magdibuho ng isang horizontal na linya. Halimbawa, ang H90 ay magdudulot ng horizontal na linya sa kasalukuyang y-coordinate, hanggang sa ang x-coordinate ay 90.

Utos ng Vertical na Linya (V): Ginagamit ang utos na ito upang magdibuho ng isang vertical na linya. Halimbawa, ang V90 ay magdudulot ng vertical na linya sa kasalukuyang x-coordinate, hanggang sa ang y-coordinate ay 90.

Utos ng "Isara ang Landas" (Z): Ginagamit ang utos na ito upang magdibuho ng isang linya mula sa kasalukuyang posisyon patungo sa simula ng landas, na nagkukumpleto sa landas.

Mga Utos ng Elemento ng Hugis:

Utos ng Rektanggulo (rect): Ginagamit ang utos na ito upang magdibuho ng isang rektanggulo. Maaaring tukuyin ang posisyon at sukat ng rektanggulo. Halimbawa, ang <rectx="10"y="10"width="50"height="50"/> ay magdudulot ng isang rektanggulo sa coordinate (10,10) na may lapad na 50 at taas na 50.

Utos ng Bilog (circle): Ginagamit ang utos na ito upang magdibuho ng isang bilog. Maaaring tukuyin ang posisyon ng gitna at radius. Halimbawa, ang <circlecx="50"cy="50"r="25"/> ay magdudulot ng isang bilog sa coordinate (50,50) na may radius na 25.

Utos ng Ellipse (ellipse): Ginagamit ang utos na ito upang magdibuho ng isang ellipse. Maaaring tukuyin ang posisyon ng gitna, horizontal radius, at vertical radius. Halimbawa, ang <ellipsecx="75"cy="75"rx="50"ry="25"/> ay magdudulot ng isang ellipse sa coordinate (75,75) na may horizontal radius na 50 at vertical radius na 25.

Utos ng Linya (line): Ginagamit ang utos na ito upang magdibuho ng isang linya. Maaaring tukuyin ang mga simula at dulo na coordinate. Halimbawa, ang <linex1="0"y1="0"x2="100"y2="100"/> ay magdudulot ng isang linya sa pagitan ng mga punto (0,0) at (100,100).

Utos ng Polyline (polyline): Ginagamit ang utos na ito upang magdibuho ng isang polyline na binubuo ng maraming tuwid na seg-mento. Maaaring tukuyin ang maraming mga coordinate point. Halimbawa, ang <polylinepoints="50,50 100,100 150,50 200,100"/> ay mag-uugnay sa mga punto (50,50), (100,100), (150,50), at (200,100) upang bumuo ng isang polyline.

Utos ng Polygon (polygon): Ginagamit ang utos na ito upang magdibuho ng isang polygon na binubuo ng maraming tuwid na seg-mento. Tulad ng polyline, maaaring tukuyin ang maraming mga coordinate point. Sa huli, ang polygon ay awtomatikong magsasara sa pamamagitan ng pag-uugnay ng huling punto sa unang punto. Halimbawa, ang <polygonpoints="50,50 100,100 150,50"/> ay mag-uugnay sa mga punto (50,50), (100,100), at (150,50) upang bumuo ng isang trianggulo.