Image Editor FabricJS

מטרה וכוונת המשתמש: הכלי מציע יכולת עריכת תמונה תכנותית המדמה מניפולציה בד דמוי FabricJS. הוא משמש מעצבי גרפיקה, מפתחי frontend, צוותי מוצר ואנשי prototyping שצריכים לערוך או להרכיב נכסים במהירות בדפדפן ללא תשתית שולחן עבודה. דוגמאות שימוש כוללות הכנת נכסי UI, prototyping גרפיקה, חיתוך ושינוי גודל, וסידור מספר אובייקטים על בד واحد כדי לבצע הדמיות.
הלוגיקה המרכזית ותכונות: הכלי מדמה בד-Canvas מרובה שכבות ומקבץ אובייקטים ניתנים לעריכה עם התנהגות דטרמיניסטית. תכונות נדרשות כוללות: העלאת קובץ, גודל בד, בחירת אובייקטים וטרנספורמציות (הזזה/הגדלה/סיבוב), שליטה בסדר השכבות, תמיכה בצורות בסיסיות וייצוא ל-PNG/JPEG/SVG. תכונות אופציונליות/מתקדמות כוללות קבוצתיות וחלוקה, מסכות Clip, היסטוריה של Undo/Redo, שליטה על צבע וקו, אטימות, ופריסטות סקריפט לבדיקות חוזרות.
קלטים וא Outputs: הקלטים כוללים image_file (חיוני, סוגי MIME לתמונות), width_px ו-height_px (אופציונלי, מספרים חיוביים), background_color (אופציונלי, hex), maintain_aspect_ratio (אופציונלי, בוליאני). התוצאות כוללות edited_image (קובץ) ו-export_format (PNG/JPEG/SVG) עם final_dimensions ב-px. אימות מחייב סוג קובץ, גבולות גודל, ממדים חיוביים ותאימות בין רוחב לאורך כאשר היחס נשמר. אלגוריתמים וחישובים: הכלי משתמש במודל Canvas בצד-לקוח עם גרף אובייקטים דמוי Fabric. הוא מפעיל טרנספורמציות לכל אובייקט, מחזיר מאגרי גבול ומתיר ייצוא מרסר או וקטורי לפי הפורמט. ייצוא SVG ממיר את הגאומטריה והשכבות; ייצוא מרסר מבצע אנטי-אלייזינג בסיסי ודגימה מחדש. שגיאות ומקרי קצה: סוגי תמונה לא תקפים, קלטים גדולים מדי או פורמטים לא נתמכים יגרמו למצבים של כשל מוגדרים. קלטים חסרים, מגבלות זיכרון או בקשות לממדים שאינם תואמים יגרמו לנתיבים בטוחים. כאשר עריכות יוצאות מהגבולות, נעשה clipping; השפעות שאינן נתמכות מתעלמות בייצוא. תעשייה/אזור ולוקליזציה: משתמש ביחידות פיקסל; תומך בפורמטים נפוצים של צבע; ללא מטבע מקומי. הנחות והחרגות: לא עור editor תמונות מלא; אין עיבוד צד-שרת כברירת מחדל; אין זיהוי תוכן אוטומטי; אינו כולל תיקונים פיקסל מורכבים.