1. منتجات
  2.   صورة
  3.   JavaScript
  4.   Color Thief
 
  

مكتبة جافا سكريبت مفتوحة المصدر لمعالجة الصور

JavaScript API للاستيلاء على لوحة الألوان من الصور.

ما هو اللص اللوني؟

Color Thief هي مكتبة معالجة صور خفيفة الوزن وبسيطة للغاية تمكن مطوري البرامج من التقاط الألوان من الصور باستخدام JavaScript. إنها مكتبة JavaScript نقية يمكنها العمل على Node وكذلك في المتصفح دون أي تبعيات خارجية. API يحصل على اللون السائد من الصورة. يتم إرجاع اللون كمصفوفة من ثلاثة أعداد صحيحة تمثل قيم الأحمر والأخضر والأزرق. أثناء العمل في المتصفح ، تحتاج إلى استخدام صورة HTML للمعالجة وأثناء استخدام العقدة ، تحتاج إلى استخدام عنوان URL للصورة.

تتضمن حزمة Color Thief ملفات توزيع متعددة لدعم بيئات مختلفة وبناء عمليات. color-thief.js هو الملف الرئيسي لمعالجة الصور ، ويستخدم color-thief.mjs للمتصفحات الحديثة بالإضافة إلى Webpack و Rollup ، ويستخدم color-thief.umd.js لتحميل علامات البرنامج النصي البسيط.

Previous Next

الشروع في العمل مع Color Thief

الطريقة الموصى بها لتثبيت Color Thief عبر NPM. الرجاء استخدام الأمر التالي لتثبيته.

قم بتثبيت Color Thief عبر NPM

 npm i --save colorthief

احصل على ألوان من الصورة عبر Free JavaScript API

تسمح مكتبة Color Thief مفتوحة المصدر لمطوري JavaScript باستخراج الألوان من الصور برمجيًا. من أجل الحصول على اللون السائد من الصورة ، توفر API طريقة getColor (). الطريقة تحصل على اللون السائد من الصورة. يتم إرجاع اللون كمصفوفة من ثلاثة أعداد صحيحة تمثل قيم الأحمر والأخضر والأزرق (RGB). باستخدام سطري التعليمات البرمجية التاليين ، يمكنك بسهولة الحصول على اللون السائد من الصورة.

احصل على اللون السائد من الصورة

  1. تحميل الصورة
  2. احصل على اللون

استخراج اللون من الصورة في Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })

احصل على Color Platte من Image عبر Free JavaScript API

باستخدام API ، يمكنك أيضًا الحصول على لوحة ألوان من الصور من أجل الحصول على لوحة ألوان من الصورة ، توفر API طريقة getPalette (). تحصل الطريقة على لوحة من الصورة عن طريق تجميع ألوان متشابهة. يتم إرجاع اللوحة كمصفوفة تحتوي على ألوان ، كل لون في حد ذاته مصفوفة من ثلاثة أعداد صحيحة. باستخدام سطري التعليمات البرمجية التاليين ، يمكنك بسهولة الحصول على لوحة ألوان من الصورة.

احصل على لوحة الألوان من الصورة

  1. تحميل الصورة
  2. احصل على لوحة الألوان

استخراج صورة لوحة ملونة في Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
 عربي