کتابخانه جاوا اسکریپت منبع باز برای پردازش تصویر
JavaScript API برای گرفتن پالت رنگ از تصاویر.
Color Thief چیست؟
Color Thief یک کتابخانه پردازش تصویر بسیار سبک وزن است که توسعه دهندگان نرم افزار را قادر می سازد تا با استفاده از جاوا اسکریپت رنگ را از تصاویر بگیرند. این یک کتابخانه جاوا اسکریپت خالص است که می تواند روی Node و همچنین درون مرورگر بدون هیچ گونه وابستگی خارجی کار کند. API رنگ غالب را از تصویر می گیرد. رنگ به صورت آرایه ای از سه عدد صحیح بازگردانده می شود که مقادیر قرمز، سبز و آبی را نشان می دهد. هنگام کار در مرورگر، باید از یک تصویر HTML برای پردازش استفاده کنید و هنگام استفاده از Node باید از URL تصویر استفاده کنید.
بسته Color Thief شامل چندین فایل توزیع برای پشتیبانی از محیط های مختلف و فرآیندهای ساخت است. color-thief.js فایل اصلی برای پردازش تصاویر است، color-thief.mjs برای مرورگرهای مدرن و همچنین Webpack و Rollup و color-thief.umd.js برای بارگذاری تگ اسکریپت ساده استفاده می شود.
شروع کار با Color Thief
روش توصیه شده برای نصب Color Thief از طریق NPM. لطفا از دستور زیر برای نصب آن استفاده کنید.
Color Thief را از طریق NPM نصب کنید
npm i --save colorthief از طریق API رایگان جاوا اسکریپت، رنگ ها را از تصویر دریافت کنید
کتابخانه Color Thief منبع باز به توسعه دهندگان جاوا اسکریپت اجازه می دهد تا رنگ ها را از تصاویر به صورت برنامه نویسی استخراج کنند. برای بدست آوردن رنگ غالب از تصویر، API متد getColor() را ارائه می کند. این روش رنگ غالب را از تصویر می گیرد. رنگ به صورت آرایه ای از سه عدد صحیح بازگردانده می شود که مقادیر قرمز، سبز و آبی (RGB) را نشان می دهد. با استفاده از دو خط کد زیر به راحتی می توانید رنگ غالب را از تصویر دریافت کنید.
رنگ غالب را از تصویر دریافت کنید
- بارگذاری تصویر
- رنگ بگیر
استخراج رنگ از تصویر در Node.js
const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })
از طریق JavaScript API رایگان، Color Platte را از تصویر دریافت کنید
با استفاده از API، شما همچنین می توانید یک پالت رنگی از تصاویر دریافت کنید. این روش با خوشه‌بندی رنگ‌های مشابه، یک پالت از تصویر دریافت می‌کند. پالت به صورت یک آرایه حاوی رنگ ها بازگردانده می شود که هر رنگ خود آرایه ای از سه عدد صحیح است. با استفاده از دو خط کد زیر می توانید به راحتی پلاک رنگی را از تصویر دریافت کنید.
صفحه رنگ را از تصویر دریافت کنید
- بارگذاری تصویر
- پلاک رنگی بگیرید
استخراج تصویر صفحه رنگی در Node.js
const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
