Δυανυσματική Σχεδίαση

Δυανυσματική Σχεδίαση

By Panagiotis Vergerakis

​Γραμμή - line

​Έχει αρχή (Α) και τέλος (Β) που μπορώ να τα ορίσω ως σημεία x,y

​​

Έχει μήκος

​

Έχει κατεύθυνση​

Κύκλος - circle

​Έχει κέντρο και ακτίνα που μπορώ να τα ορίσω ως σημεία x,y

​​

Επειδή είναι κλειστό σχήμα μπορεί να έχει και χρώμα γεμίσματος​

​

<svg viewBox='0 0 100 100'>

<circle cx='50' cy='50' r='40' fill='red' />

</svg>

​Περιγραφή εικόνων - Παράδειγμα SVG

Multiple Choice

Ο κώδικας θα εμφανίσει ?

<svg width="300" height="300" >

<circle cx="100" cy="90" r="50" stroke="red" stroke-width="6" fill="yellow">

</circle></svg>

Multiple Choice

Ποιος έχει μικρότερο μέγεθος

• Οι δυανυσματικές εικόνες

• Οι ψηφιογραφικές εικόνες

• Δεν έχουν διαφορά στο μέγεθος

Multiple Choice

Αν μεγεθύνω μία δυανυσματική εικόνα

• Θα αυξηθεί το μέγεθος του αρχείου

• Θα μείνει ίδιο το μέγεθος του αρχείου

Multiple Choice

Μπορώ να μετατρέψω μία εικόνα ψηφιογραφική (pixel) σε δυανυσματική

• Ναι

• Όχι

​Καμπύλες Bezier

Τύποι σημείων Bezier

Multiple Choice

Η εικόνα που βλέπετε είναι

• Ψηφιογραφική / bitmap

• Δυανυσματική / vector