פעולות עיבוד תמונה מורכבות באמצעות JavaScript API
ספריית JavaScript בקוד פתוח לביצוע משימות יצירה ומניפולציה מתקדמות של תמונות, כגון שינוי גודל תמונה, העברת תמונה על גבי אחרת, טשטוש תמונה, שינוי קנה מידה של תמונה ועוד.
The Jimp – Javascript Image Manipulation Program היא ספריית Node.js בקוד פתוח המעניקה למפתחי תוכנה את היכולת לבצע פעולות עיבוד תמונה מורכבות בתוך יישומי JavaScript שלהם. הוא כתוב כולו ב-JavaScript עבור Node, ללא כל תלות חיצונית או מקורית.
הספרייה שימושית מאוד לפיתוח כל סוג של אפליקציית עיבוד תמונה מתקדמת והיא לגמרי חינמית ולכן נותנת למפתחים פתרון חסכוני עם קלות שימוש. הספרייה כוללת מספר תכונות מתקדמות הקשורות ליצירה ומניפולציה של תמונה כגון שינוי גודל תמונה, איכות מוגברת של תמונות, הנחת תמונה על אחרת, טשטוש תמונה, שינוי קנה מידה של תמונה, החלת אפקט ה-dither על תמונה, היפוך תמונה, הפוך את צבעים של תמונה, סיבוב תמונה, הדפסת טקסט על תמונה ועוד רבים אחרים.
הספרייה כוללת תמיכה במספר פורמטים מתקדמים של תמונה כגון BMP, GIF, JPEG, PNG, TIFF ועוד רבים. ישנם גם כמה תוספים נוספים זמינים שניתן להשתמש בהם עבור פונקציונליות נוספת, כגון תוסף העיגול שניתן להשתמש בו כדי ליצור עיגול מתוך תמונה ותוסף הצללים שיוצר צל על התמונה. יש תוסף אפקט עין הדג ותוסף סף זמינים.
תחילת העבודה עם Jimp
אתה יכול להתקין את הספרייה Jimp על ידי הוצאת פקודה פשוטה ב-Node. השתמש בפקודה הבאה.
התקן את Jimp דרך NPM
npm install jimp שנה את גודל התמונות באמצעות ספריית JavaScript
ספריית הקוד הפתוח Jimp כללה פונקציונליות לשינוי גודל תמונות בתוך יישומי JavaScript שלהם. ראשית עליך לספק תמונה ונתיב שלם אליה. לאחר מכן תוכל לספק את הגובה או הרוחב וספריית Jimp תשנה את התמונה בהתאם. לאחר שביעות רצון, תוכל לשמור את התמונה במקום שתבחר. אתה יכול גם לשנות את קנה המידה של התמונה בקלות על ידי מתן רוחב וגובה מותאמים אישית תוך שמירה על יחס רוחב-גובה.
שנה את גודל התמונות באמצעות JavaScript
import jimp from 'jimp';
async function main() {
// Read the image.
const image = await jimp.read('test/image.png');
// Resize the image to width 150 and auto height.
await image.resize(150, jimp.AUTO);
// Save and overwrite the image
await image.writeAsync('test/image.png');
}
main();
הפוך, קנה מידה או סובב תמונות באמצעות JavaScript
ספריית הקוד הפתוח Jimp סיפקה גם פונקציונליות עבור מספר תכונות חשובות הקשורות למניפולציה של תמונות. זה מאפשר למפתח להעיף כמו גם לשנות את קנה המידה של תמונות רק עם כמה שורות של קוד JavaScript. פונקציית ההיפוך תהפוך את התמונה אופקית או אנכית. הגדרות ברירת המחדל הן להפוך את התמונה אופקית. פונקציית הסיבוב תסובב את התמונה בכיוון השעון ומידות התמונה יישארו זהות.
סובב תמונות באמצעות JavaScript API
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.rotate(90);
}
main();
החל גאוס ושילוב צבעים על התמונה
טשטוש גאוס הוא אפקט בשימוש נרחב בתוכנות גרפיות, בדרך כלל כדי להפחית רעשי תמונה ולהפחית פרטים. ספריית הקוד הפתוח Jimp מאפשרת למתכנתי תוכנה להחיל טשטוש גאוס אמיתי על התמונה בתוך האפליקציה שלהם. שימו לב שהעיבוד שלו איטי יחסית בהשוואה לפונקציות אחרות של ספרייה. הספרייה תומכת גם בתכונת ערבוב הצבעים והיא מערבבת צבעים לפי ערכי רכיבי ה-RGB שלהם והכמות היא האטימות של צבע שכבת-על.
החל גאוס על תמונה בתוך אפליקציות JavaScript
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.gaussian(15);
}
main();
