Online SVG-visare

Gratis online SVG-omvandlare - från PNG till SVG, från JPG till SVG, från SVG till PNG, från SVG till JPG

Behöver du en gratis online SVG-omvandlare? Du kan konvertera fritt mellan PNG, JPG och SVG. Med denna avancerade gratis online-omvandlare kan användare konvertera sina PNG- och JPG-filer till skalbara vektorgrafik SVG och kan också konvertera vektorgrafik SVG till PNG- eller JPG-bilder.

Om du vill konvertera PNG- eller JPG-filer till SVG kan vår avancerade SVG-skapare hjälpa dig. Den gratis PNG till SVG-omvandlaren är en av de mest populära SVG-omvandlarna och har redan konverterat miljontals filer. Vår online gratis SVG-omvandlare är gratis att använda, utan begränsning i antalet filer. Du kan konvertera hur många filer som helst.

Vi har utformat en enkel och tydlig gränssnitt för att tillgodose grafiska designers och webbutvecklares behov. Helt gratis, öppna det onlineverktyg och börja konvertera filer till SVG eller konvertera SVG till PNG, JPG.

Några av de stödda kända bildomvandlingarna inkluderar: från PNG till SVG, från JPG till SVG, från SVG till PNG, från SVG till JPG.

Vad är SVG-formatet?

SVG är det vanligaste formatet för webbutveckling och andra grafikmiljöer. Skalbar vektorgrafik är baserad på XML som beskriver linjer, former, kurvor, färger och text. SVG-formatet är lätt att redigera och kan användas i webbutveckling. Designers kan använda JavaScript och CSS för att manipulera SVG-formatet. Traditionella bildformat som JPG och PNG kan inte erbjuda samma tillgänglighet och flexibilitet som SVG.

Vanliga kommandon i SVG-formatet

SVG (Scalable Vector Graphics) är ett XML-baserat bildformat som beskriver tvådimensionella vektorbilder. SVG-filer kan innehålla olika typer av element och kommandon som används för att definiera bildens struktur, form, färg och andra egenskaper. Här är några vanliga kommandon i SVG-formatet och deras exempel:

Sökvägskommandon:

"Flytta till"-kommando (M): Detta kommando används för att flytta pennan till en angiven punkt utan att rita några linjer. Till exempel kommer M1010 att flytta pennan till koordinaterna (10,10).

"Linje till"-kommando (L): Detta kommando används för att rita en rak linje mellan den aktuella positionen och den nya positionen. Till exempel kommer L5050 att rita en rak linje mellan den aktuella positionen och koordinaterna (50,50).

Horisontell linjekommando (H): Detta kommando används för att rita en horisontell linje. Till exempel kommer H90 att rita en horisontell linje vid den aktuella y-koordinaten tills x-koordinaten blir 90.

Vertikal linjekommando (V): Detta kommando används för att rita en vertikal linje. Till exempel kommer V90 att rita en vertikal linje vid den aktuella x-koordinaten tills y-koordinaten blir 90.

"Stäng sökväg"-kommando (Z): Detta kommando används för att rita en rak linje från den aktuella positionen till början av sökvägen och därmed stänga sökvägen.

Formelementkommandon:

Rektangelkommando (rect): Detta kommando används för att rita en rektangel. Positionen och storleken kan specificeras. Till exempel kommer <rectx="10"y="10"width="50"height="50"/> att rita en rektangel med bredd 50 och höjd 50 vid koordinaterna (10,10).

Cirkelkommando (circle): Detta kommando används för att rita en cirkel. Positionen för centrum och radien kan specificeras. Till exempel kommer <cxcx="50"cy="50"r="25"/> att rita en cirkel med radien 25 vid koordinaterna (50,50).

Ellipskommando (ellipse): Detta kommando används för att rita en ellips. Positionen för centrum, horisontal radie och vertikal radie kan specificeras. Till exempel kommer <ellipsecx="75"cy="75"rx="50"ry="25"/> att rita en ellips med horisontell radie 50 och vertikal radie 25 vid koordinaterna (75,75).

Linjekommando (line): Detta kommando används för att rita en rak linje. Start- och slutpunkterna kan specificeras. Till exempel kommer <linex1="0"y1="0"x2="100"y2="100"/> att rita en rak linje från (0,0) till (100,100).

Polylinjekommando (polyline): Detta kommando används för att rita en polygon som består av flera linjesegment. Flera koordinatpunkter kan specificeras. Till exempel kommer <polylinepoints="50,50 100,100 150,50 200,100"/> att ansluta koordinatpunkterna (50,50), (100,100), (150,50) och (200,100) i följd för att skapa en polygon.

Polygonkommando (polygon): Detta kommando används för att rita en polygon som består av flera linjesegment. Liksom i polylinjen kan flera koordinatpunkter specificeras. Slutligen kommer polygonen automatiskt att stängas genom att ansluta den sista punkten till den första. Till exempel kommer <polygonpoints="50,50 100,100 150,50"/> att ansluta koordinatpunkterna (50,50), (100,100) och (150,50) i följd för att skapa en triangel.