Fabric.js

Βασικά, Fabric.js μπορεί να χρησιμοποιηθεί για οποιαδήποτε χειραγώγηση περίπου καμβά HTML5, όπως ζωντανή ζωγραφική, προσθέτοντας αντικείμενα, εισαγωγή εικόνων SVG, την επεξεργασία και την επεξεργασία σχημάτων, κλπ ..

Στην κορυφή αυτής της λειτουργίας, πιθανώς ως σημαντική, το ενσωματωμένο SVG-to-καμβά parser επίσης επιτρέπει στους προγραμματιστές να μεταναστεύσουν εύκολα από όπου και αν προηγουμένως ενσωματωμένη γραφικά SVG σε HTML 5 καμβά.

Αυτό εξασφαλίζει μεγαλύτερο έλεγχο επί αυτών των γραφικών, προγραμματιστές πρόσβαση δεν είχε ενώ ήταν σε μορφή SVG.

Στην πιο σύνθετη άποψη Fabric.js μπορεί να θεωρηθεί ως ένα διαδραστικό αντικείμενο-μοντέλο χτισμένο στην κορυφή του HTML 5 στοιχείου καμβά, ακριβώς όπως και η DOM είναι για σελίδες HTML.

Fabric.js συνεργάζεται τόσο με την πλευρά του πελάτη (browsers) και server-side (Node.js) περιβάλλοντα.

Τι είναι καινούργιο σε αυτήν την έκδοση :

• ΑΣΥΜΒΙΒΑΣΤΟ BACK:
• JSON και Cufon δεν περιλαμβάνονται πλέον στο προεπιλεγμένο build
• Αλλαγή των προεπιλεγμένων αντικειμένων originX / originY προς τα αριστερά / πάνω μέρος
• fabric.StaticCanvas # backgroundImage και fabric.StaticCanvas # overlayImage είναι fabric.Image περιπτώσεις. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft και fabric.StaticCanvas # overlayImageTop απομακρύνθηκαν.
• fabric.Text # backgroundColor είναι τώρα fabric.Object # backgroundColor
• Κατάργηση fabric.Object # toGrayscale και fabric.Object # overlayFill δεδομένου ότι είναι πάρα πολύ συγκεκριμένες
• Κατάργηση fabric.StaticCanvas.toGrayscale αφού έχουμε αυτή τη λογική σε fabric.Image.filters.Grayscale.
• Split centerTransform για τις ιδιότητες centeredScaling και centeredRotation. Περιστρεφόμενο αντικείμενο που συμβαίνει τώρα γύρω από το σημείο originX / originY ΕΚΤΟΣ centeredRotation = true. Αντικείμενο κλιμάκωση συμβαίνει τώρα μη με επίκεντρο ΕΑΝ centeredScaling = true.

Τι είναι καινούργιο στην έκδοση 1.5.0:

• ΑΣΥΜΒΙΒΑΣΤΟ BACK:
• JSON και Cufon δεν περιλαμβάνονται πλέον στο προεπιλεγμένο build
• Αλλαγή των προεπιλεγμένων αντικειμένων originX / originY προς τα αριστερά / πάνω μέρος
• fabric.StaticCanvas # backgroundImage και fabric.StaticCanvas # overlayImage είναι fabric.Image περιπτώσεις. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft και fabric.StaticCanvas # overlayImageTop απομακρύνθηκαν.
• fabric.Text # backgroundColor είναι τώρα fabric.Object # backgroundColor
• Κατάργηση fabric.Object # toGrayscale και fabric.Object # overlayFill δεδομένου ότι είναι πάρα πολύ συγκεκριμένες
• Κατάργηση fabric.StaticCanvas.toGrayscale αφού έχουμε αυτή τη λογική σε fabric.Image.filters.Grayscale.
• Split centerTransform για τις ιδιότητες centeredScaling και centeredRotation. Περιστρεφόμενο αντικείμενο που συμβαίνει τώρα γύρω από το σημείο originX / originY ΕΚΤΟΣ centeredRotation = true. Αντικείμενο κλιμάκωση συμβαίνει τώρα μη με επίκεντρο ΕΑΝ centeredScaling = true.

Τι είναι καινούργιο στην έκδοση 1.4.13:

• ΑΣΥΜΒΙΒΑΣΤΟ BACK:
• JSON και Cufon δεν περιλαμβάνονται πλέον στο προεπιλεγμένο build
• Αλλαγή των προεπιλεγμένων αντικειμένων originX / originY προς τα αριστερά / πάνω μέρος
• fabric.StaticCanvas # backgroundImage και fabric.StaticCanvas # overlayImage είναι fabric.Image περιπτώσεις. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft και fabric.StaticCanvas # overlayImageTop απομακρύνθηκαν.
• fabric.Text # backgroundColor είναι τώρα fabric.Object # backgroundColor
• Κατάργηση fabric.Object # toGrayscale και fabric.Object # overlayFill δεδομένου ότι είναι πάρα πολύ συγκεκριμένες
• Κατάργηση fabric.StaticCanvas.toGrayscale αφού έχουμε αυτή τη λογική σε fabric.Image.filters.Grayscale.
• Split centerTransform για τις ιδιότητες centeredScaling και centeredRotation. Περιστρεφόμενο αντικείμενο που συμβαίνει τώρα γύρω από το σημείο originX / originY ΕΚΤΟΣ centeredRotation = true. Αντικείμενο κλιμάκωση συμβαίνει τώρα μη με επίκεντρο ΕΑΝ centeredScaling = true.

Τι είναι καινούργιο στην έκδοση 1.3.0:

• Κατάργηση επιλέξιμο, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind από προεπιλεγμένο αντικείμενο / JSON εκπροσώπηση των αντικειμένων.
• περιστρεφόμενο αντικείμενο που συμβαίνει τώρα γύρω originX / originY σημείο, εκτός εάν centerTransform = true.
• fabric.Text # textShadow έχει αφαιρεθεί. - νέα ιδιοκτησία fabric.Text.shadow (είδος fabric.Shadow)
• Οι fabric.BaseBrush ιδιότητες σκιά συνδυάζονται σε ένα ακίνητο = & # x3e? fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY δεν υπάρχουν πια).
• fabric.Path.fromObject τώρα είναι ασύγχρονη. fabric.Canvas # loadFromDatalessJSON έχει καταργηθεί.

Τι είναι καινούργιο στην έκδοση 1.2.0:.

• Κάντε fabric.Object # toDataURL σύγχρονη
• fabric.Text # strokeStyle - & # x3e? fabric.Text # εγκεφαλικό επεισόδιο, για λόγους συνέπειας με άλλα αντικείμενα.
• fabric.Object.setActive (...) - & # x3e? fabric.Object.set («ενεργή», ...). fabric.Object.isActive έχει φύγει (χρήση fabric.Object.active αντ 'αυτού).

Απαιτήσεις :

• για να ενεργοποιήσετε την Javascript πλευρά του client
• Node.js 0.6 ή νεότερη έκδοση για server-side περιβάλλοντα