Επεξεργασία εικόνας και αποθήκευση σε db

Σε αυτή την περιοχή μπορείτε να βρείτε ή να αναζητήσετε πληροφορίες σχετικές με την PHP

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
akism
Δημοσιεύσεις: 14
Εγγραφή: 19 Οκτ 2015 15:09

Επεξεργασία εικόνας και αποθήκευση σε db

Δημοσίευση από akism » 19 Οκτ 2015 15:23

Καλησπέρα σε όλους σας,
όπως αναφέρω και στο subject ψάχνω να βρω τρόπο (χρησιμοποιώντας php / mySql) για να φτιάξω μία "εφαρμογή" όπου σε μία σελίδα θα φορτώνεται ένα image και ο χρήστης που θα το βλέπει να μπορεί να μαρκάρει σημεία του ώστε να μπορεί αργότερα να δει την εικόνα με τα σημεία που έχει μαρκάρει.

Παράδειγμα:
Υποθέτουμε ότι κάνουμε ένα παιδικό διαφωνισμό όπου κάποια παιδάκια θα ανοίγουν ένα συγκεκριμένο URL και θα βλέπουν μία εικόνα με κάποιο σχέδιο ώστε να μπορούν να ζωγραφίσουν/χρωματίσουν με 2-3 διαφορετικά χρώματα.
Όταν ολοκληρώσουν τη ζωγραφική θα πρέπει με κάποιο τρόπο να κάνουν save (όχι export και στη συνέχεια upload) ώστε μελλοντικά να μπορούν να ανοίξουν πάλι αυτό που ζωγράφισαν για να σβήσουν κάποια σημεία ή να τα αλλάξουν.

Αυτό που με ενδιαφέρει είναι:
1) πως θα γίνει το χρωμάτισμα σε διαφορετικά σημεία της εικόνας, και
2) πως αυτό θα αποθηκευτεί απευθείας στη βάση?

Θα προτιμούσα μας και η εικόνα θα είναι ίδια για όλους, να μην αποθηκεύεται το Image στη βάση για λόγους όγκου αλλά μόνο τα σημεία που χρωματίστηκαν.

Σας ευχαριστώ και περιμένω σχόλιά σας.

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Επεξεργασία εικόνας και αποθήκευση σε db

Δημοσίευση από burnmind » 19 Οκτ 2015 23:16

Προσωπικά, το πρώτο πρόβλημα που θα έλυνα είναι το πώς θα μπορούν οι χρήστες να ζωγραφίσουν πάνω στην εικόνα. Αυτό εκ των πραγμάτων δε γίνεται να υλοποιηθεί σε οποιαδήποτε back-end γλώσσα, οπότε πάμε σε κάποια λύση σε JavaScript.

Εφόσον θέλεις οι ζωγραφιές να είναι επεξεργάσιμες, τότε το μόνο σίγουρο είναι πως θα αποθηκευεις με κάποιον τρόπο μόνο το τι έχει ζωγραφίσει ο χρήστης πάνω από την εικόνα που χρησιμοποιείς ως βάση, ώστε μετά μπορεί να την επεξεργαστεί. Αφού έχεις αυτά τα στοιχεία αποθηκευμένα στη βάση σου, τότε μπορείς μέσω κάποιου PHP library (π.χ. GD ή ImageMagick - εναλλακτικά μπορείς να ψάξεις για λύσεις σε JS) να ανακατασκευάσεις την αποθηκευμένη ζωγραφιά και να την τοποθετήσεις πάνω από τη φωτογραφία που χρησιμοποιείς ως βάση ώστε να την σώσει ο χρήστης αν θέλει.

Με ένα πολύ γρήγορο ψάξιμο, βλέπω πως υπάρχουν ένα σωρό JS libraries που ίσως σου κάνουν. Ενδεικτικά: Raphael SketchPad, Sketch.js.

Αν θες να κατασκευάσεις κάτι πιο εντυπωσιακό, ίσως να σε βολέψει περισσότερο κάποια HTML5 2D game engine. Για παράδειγμα, μία παρεμφερής εφαρμογή του BBC έχει δημιουργηθεί με το Phaser. Σχετικό άρθρο: http://www.photonstorm.com/html5/client ... or-the-bbc

akism
Δημοσιεύσεις: 14
Εγγραφή: 19 Οκτ 2015 15:09

Επεξεργασία εικόνας και αποθήκευση σε db

Δημοσίευση από akism » 20 Οκτ 2015 08:44

Καλημέρα και ευχαριστώ για την απάντηση. Αρκετά ενδιαφέροντα πράγματα αυτά που έστειλες (όταν επιστρέψω σπίτι από τη δουλειά θα τα διαβάσω γιατί μου αρέσουν).

Πάνω στο ψάξιμο χτες βρήκα και αυτά:
http://www.html5rocks.com/en/tutorials/ ... ting/#grid
http://www.williammalone.com/articles/c ... emo-simple

**Το δεύτερο είναι αρκετά κοντά σε αυτό που προσπαθώ να φτιάξω.

Απάντηση

Επιστροφή στο “PHP Προγραμματισμός”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες