Σκοπός
Σκοπός της μελέτης είναι να παρουσιάσει τις διαδικασίες που απαιτούνται για την εισαγωγή εικόνας σε μια φόρμα εκτύπωσης του Web app.

Προϋποθέσεις
Για την εισαγωγή εικόνας σε φόρμα απαιτείται η παραμετροποίηση της φόρμας. Μπορείτε να δείτε σχετικές οδηγίες εδώ.

Εισαγωγή Εικόνας σε μια Φόρμα Εκτύπωσης

Ανοίγετε τη φόρμα εκτύπωσης που θέλετε να προσθέσετε τη νέα εικόνα και μεταφέρεστε στο tab "Εικόνες Εκτύπωσης". Το συγκεκριμένο Tab περιέχει το Grid απο το οποίο μπορούμε να διαχειριστούμε τις Εικόνες μιας Εκτύπωσης.

Στη συνέχεια θα δημιουργήσετε μια νέα καταχώρηση για την εικόνα που θέλετε. Πατώντας το κουμπί την νέας καταχώρησης σας εμφανίζεται η παρακάτω οθόνη.

Πατώντας το κουμπί "Ανέβασμα Εικόνας" μπορείτε να προσθέσετε τη νέα εικόνα. Όταν ολοκληρωθεί το ανέβασμα της εικόνας και πατήσετε καταχώρηση θα συμπληρωθούν αυτόματα και τα υπόλοιπα πεδία της οθόνης

• Κωδικός: Αύξοντας Αριθμός/Κωδικός Εικόνας Φόρμας Εκτύπωσης
• Περιγραφή: Το Όνομα αρχείου που ανεβάσαμε (συμπληρώνεται αυτόματα, υπάρχει δυνατότητα αλλαγής).
• Όνομα Αρχείου: Νέο Όνομα αρχείου της μορφής {img_Κωδικός} με το οποιο θα καταχωρηθεί στην Εφαρμογή (συμπληρώνεται αυτόματα)
• Τύπος Αρχείου: Τύπος αρχείου που ανεβάσαμε (συμπληρώνεται αυτόματα)
• Διαδρομή Αρχείου: Τοποθεσια αρχείου στο Server (συμπληρώνεται αυτόματα)

Επιλέγοντας ξανά "Καταχώρηση" αποθηκεύετε την εικόνα στο Grid.

Σημείωση: για να γίνει η Προβολή της εικόνας θα πρέπει πρώτα η εικόνα να έχει αποθηκευτεί στο Grid.

Επαναλαμβάνετε τη διαδικασία αν θέλετε να προσθέσετε περισσότερες εικόνες και στο τέλος επιλέγετε “Καταχώρηση” της Φόρμα Εκτύπωσης.

Χρήση Εικόνων Εκτύπωσης ως Δεδομένα Εκτύπωσης/Πρότυπες Εκφράσεις

Αφού έχετε ανεβάσει τη νέα εικόνα μπορείτε πλέον να την προσθέσετε στη φόρμα. Ανοίγετε πάλι τη φόρμα και δημιουργείτε ένα νέο στοιχείο.
Για το νέο στοιχείο στο πεδίο “Πρότυπη Έκφραση” αναζητείτε με λήμμα την περιγραφή της εικόνας ή με το πρόθεμα “Εικόνα” και τον Κωδικό της εικόνας (π.χ “Εικόνα 0”). Αφού επιλέξετε την Πρότυπη Έκφραση, θα συμπληρωθούν αυτόματα τα πεδία "Τύπος" ως "Εικόνα" και "Έκφραση" με τον κώδικα της Εικόνας. Συμπληρώνετε και τα υπόλοιπα πεδία για τη θέση της Εικόνας στη Φόρμα (από το tab "Βασικά Στοιχεία" και πατάτε "Καταχώρηση".

Σημείωση: η διαδικασία της Εξαγωγής Φόρμας Εκτύπωσης μεταφέρει και τα αρχεία των εικόνων που έχετε προσθέσει.

Προσαρμογή της εικόνας με τις σωστές διαστάσεις και αναλογίες

Τα στοιχεία [Εικόνας] στις φόρμες εκτύπωσης θα προσαρμόσουν την εικόνα που εμφανίζουν στις διαστάσεις που τους έχετε δώσει.

Για να εμφανιστούν σωστά οι εικόνες στις εκτυπώσεις σας, θα πρέπει να έχουν προσαρμοστεί με τις σωστές διαστάσεις αλλά κυρίως, με τη σωστή αναλογία ύψους/πλάτους που έχετε ορίσει στο στοιχείο [Εικόνα] που θα χρησιμοποιήσετε για να τις εμφανίσετε.

Η αναλογία της εικόνας που θα ανεβάσετε θα πρέπει να είναι ίδια (ή όσο το δυνατόν πιο κοντινή) με την αναλογία του στοιχείου [Εικόνας] που θα την εμφανίσετε.

Επειδή πολλές φορές δεν είναι εύκολο να υπολογίσετε την αναλογία σε ένα στοιχείο [Εικόνας] (χονδρικά μπορείτε να ακολουθήσετε μια πεπατημένη π.χ. 1:3 αν βλέπετε ότι το σχήμα του στοιχείου [Εικόνας] είναι ορθογώνιο ή 1:1 αν βλέπετε ότι πλησιάζει προς τετράγωνο), μπορείτε να προσθέσετε τον κώδικα:

echo prints_element_aspect_ratio($elem['nr01']);

στο σημείο του στοιχείου [Εικόνας] που σας ενδιαφέρει.

Ως αποτέλεσμα και κατά την εκτέλεση της φόρμας, η εφαρμογή θα εμφανίσει:

H τιμή στο πεδίο (ratio) είναι η αναλογία (aspect ratio) που θα πρέπει να ορίσετε στην εικόνα σας, προκειμένου να εμφανιστεί σωστά στο συγκεκριμένο στοιχείο [Εικόνας].