Χρειάζεστε ένα δωρεάν online μετατροπέα SVG; Μπορείτε να μετατρέψετε ελεύθερα μεταξύ PNG, JPG και SVG. Με αυτόν τον προηγμένο δωρεάν online μετατροπέα, οι χρήστες μπορούν να μετατρέψουν τα αρχεία τους PNG και JPG σε κλιμακούμενη διανυσματική γραφική SVG και μπορούν επίσης να μετατρέψουν τη διανυσματική γραφική SVG σε εικόνες PNG ή JPG.
Αν θέλετε να μετατρέψετε αρχεία PNG ή JPG σε SVG, ο προηγμένος δημιουργός SVG μας μπορεί να σας βοηθήσει. Ο δωρεάν μετατροπέας από PNG σε SVG είναι ένας από τους πιο δημοφιλείς μετατροπείς SVG και έχει ήδη μετατρέψει εκατομμύρια αρχεία. Ο διαδικτυακός μας δωρεάν μετατροπέας SVG είναι δωρεάν στη χρήση, χωρίς περιορισμό στον αριθμό των αρχείων. Μπορείτε να μετατρέψετε όσα αρχεία θέλετε.
Σχεδιάσαμε μια απλή και καθαρή διεπαφή για να ικανοποιήσουμε τις ανάγκες των γραφίστων και των προγραμματιστών ιστού. Πλήρως δωρεάν, ανοίξτε το διαδικτυακό εργαλείο και αρχίστε να μετατρέπετε αρχεία σε SVG ή να μετατρέπετε SVG σε PNG, JPG.
Ορισμένες από τις υποστηριζόμενες διάσημες μετατροπές εικόνας περιλαμβάνουν: από PNG σε SVG, από JPG σε SVG, από SVG σε PNG, από SVG σε JPG.
Το SVG είναι ο πιο διαδεδομένος μορφότυπος για την ανάπτυξη ιστού και άλλα γραφικά περιβάλλοντα. Τα κλιμακούμενα διανυσματικά γραφικά βασίζονται στην περιγραφή γραμμών, σχημάτων, καμπυλών, χρωμάτων και κειμένου με χρήση XML. Το μορφότυπο SVG είναι εύκολο να τροποποιηθεί και μπορεί να χρησιμοποιηθεί στην ανάπτυξη ιστού. Οι σχεδιαστές μπορούν να χρησιμοποιήσουν το μορφότυπο SVG με JavaScript και CSS. Τα παραδοσιακά μορφότυπα εικόνων όπως τα JPG και τα PNG δεν μπορούν να παρέχουν την ίδια προσβασιμότητα και ευελιξία με το SVG.
Το SVG (Κλιμακούμενα Διανυσματικά Γραφικά) είναι ένας μορφότυπος εικόνας που βασίζεται σε XML και περιγράφει δισδιάστατες διανυσματικές εικόνες. Τα αρχεία SVG μπορούν να περιλαμβάνουν διάφορους τύπους στοιχείων και εντολών που χρησιμοποιούνται για να ορίσουν τη δομή, το σχήμα, το χρώμα και άλλες ιδιότητες των εικόνων. Εδώ είναι μερικές από τις κοινές εντολές στο μορφότυπο SVG και οι αντίστοιχες παραδείγματά τους:
Εντολή "Μετακίνηση σε" (Μ): Αυτή η εντολή χρησιμοποιείται για να μετακινήσει το πινέλο σε ένα συγκεκριμένο σημείο χωρίς να σχεδιάσει κάποια γραμμή. Για παράδειγμα, M1010 θα μετακινήσει το πινέλο στο σημείο (10,10).
Εντολή "Μετάβαση σε γραμμή" (L): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει μια ευθεία γραμμή μεταξύ της τρέχουσας θέσης και της νέας θέσης. Για παράδειγμα, L5050 θα σχεδιάσει μια ευθεία γραμμή μεταξύ της τρέχουσας θέσης και του σημείου (50,50).
Εντολή οριζόντιας γραμμής (H): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει μια οριζόντια γραμμή. Για παράδειγμα, H90 θα σχεδιάσει μια οριζόντια γραμμή στην τρέχουσα y-θέση μέχρι η x-θέση να γίνει 90.
Εντολή κατακόρυφης γραμμής (V): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει μια κατακόρυφη γραμμή. Για παράδειγμα, V90 θα σχεδιάσει μια κατακόρυφη γραμμή στην τρέχουσα x-θέση μέχρι η y-θέση να γίνει 90.
Εντολή "Κλείσιμο μονοπατιού" (Z): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει μια ευθεία γραμμή από την τρέχουσα θέση στο σημείο έναρξης του μονοπατιού, κλείνοντας έτσι το μονοπάτι.
Εντολή ορθογωνίου (rect): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει ένα ορθογώνιο. Μπορούν να καθοριστούν η θέση και το μέγεθος. Για παράδειγμα, <rectx="10"y="10"width="50"height="50"/> θα σχεδιάσει ένα ορθογώνιο με πλάτος 50 και ύψος 50 στις συντεταγμένες (10,10).
Εντολή κύκλου (circle): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει έναν κύκλο. Μπορούν να καθοριστούν η θέση του κέντρου και η ακτίνα. Για παράδειγμα, <circlecx="50"cy="50"r="25"/> θα σχεδιάσει έναν κύκλο με ακτίνα 25 στις συντεταγμένες (50,50).
Εντολή έλλειψης (ellipse): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει μια έλλειψη. Μπορούν να καθοριστούν η θέση του κέντρου, η οριζόντια ακτίνα και η κατακόρυφη ακτίνα. Για παράδειγμα, <ellipsecx="75"cy="75"rx="50"ry="25"/> θα σχεδιάσει μια έλλειψη με οριζόντια ακτίνα 50 και κατακόρυφη ακτίνα 25 στις συντεταγμένες (75,75).
Εντολή γραμμής (line): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει μια ευθεία γραμμή. Μπορούν να καθοριστούν η αρχική και η τελική θέση. Για παράδειγμα, <linex1="0"y1="0"x2="100"y2="100"/> θα σχεδιάσει μια ευθεία γραμμή από (0,0) σε (100,100).
Εντολή πολλαπλών γραμμών (polyline): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει ένα πολύγωνο που αποτελείται από πολλές ευθείες ενότητες. Μπορούν να καθοριστούν πολλές συντεταγμένες σημείων. Για παράδειγμα, <polylinepoints="50,50 100,100 150,50 200,100"/> θα σχεδιάσει ένα πολύγωνο που συνδέει τα σημεία (50,50), (100,100), (150,50) και (200,100) με τη σειρά.
Εντολή πολυγώνου (polygon): Αυτή η εντολή χρησιμοποιείται για να σχεδιάσει ένα πολύγωνο που αποτελείται από πολλές ευθείες ενότητες. Όπως και στο πολύγωνο, μπορούν να καθοριστούν πολλές συντεταγμένες σημείων. Τέλος, το πολύγωνο θα κλείσει αυτόματα συνδέοντας το τελευταίο σημείο με το πρώτο. Για παράδειγμα, <polygonpoints="50,50 100,100 150,50"/> θα σχεδιάσει ένα τρίγωνο που συνδέει τα σημεία (50,50), (100,100) και (150,50) με τη σειρά.