1. Các sản phẩm
  2.   Hình ảnh
  3.   JavaScript
  4.   Color Thief
 
  

Thư viện JavaScript nguồn mở để xử lý hình ảnh

API JavaScript để lấy bảng màu từ hình ảnh.

Color Thief là gì?

Color Thief là một thư viện xử lý hình ảnh nhẹ rất đơn giản cho phép các nhà phát triển phần mềm lấy màu từ hình ảnh bằng JavaScript. Nó là một thư viện JavaScript thuần túy có thể hoạt động trên Node cũng như trong trình duyệt mà không cần bất kỳ phụ thuộc bên ngoài nào. API Lấy màu chủ đạo từ hình ảnh. Màu được trả về dưới dạng một mảng gồm ba số nguyên đại diện cho các giá trị đỏ, lục và lam. Khi làm việc trong trình duyệt, bạn cần sử dụng hình ảnh HTML để xử lý và khi sử dụng Node, bạn cần sử dụng URL của hình ảnh.

Gói Color Thief bao gồm nhiều tệp phân phối để hỗ trợ các môi trường và quy trình xây dựng khác nhau. color -eves.js là tệp chính để xử lý hình ảnh, color -eves.mjs được sử dụng cho các trình duyệt hiện đại cũng như Webpack và Rollup, và color -eves.umd.js được sử dụng để tải thẻ tập lệnh đơn giản.

Previous Next

Bắt đầu với Color Thief

Cách được khuyến nghị để cài đặt Color Thief thông qua NPM. Vui lòng sử dụng lệnh sau để cài đặt nó.

Cài đặt Color Thief qua NPM

 npm i --save colorthief

Nhận màu sắc từ hình ảnh thông qua API JavaScript miễn phí

Thư viện Color Thief mã nguồn mở cho phép các nhà phát triển JavaScript trích xuất màu từ hình ảnh theo chương trình. Để có được màu chủ đạo từ hình ảnh, API cung cấp phương thức getColor (). Phương pháp lấy màu chủ đạo từ hình ảnh. Màu được trả về dưới dạng một mảng gồm ba số nguyên đại diện cho các giá trị đỏ, lục và lam (RGB). Bằng cách sử dụng hai dòng mã sau, bạn có thể dễ dàng lấy được màu chủ đạo từ hình ảnh.

Nhận màu chủ đạo từ hình ảnh

  1. Tải hình ảnh
  2. Nhận màu

Trích xuất màu từ hình ảnh trong Node.js

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

Nhận Color Platte từ Hình ảnh qua API JavaScript miễn phí

Sử dụng API, bạn cũng có thể lấy bảng màu từ hình ảnh Để lấy bảng màu từ hình ảnh, API cung cấp phương thức getPalette (). Phương pháp này lấy một bảng màu từ hình ảnh bằng cách nhóm các màu tương tự nhau. Bảng màu được trả về dưới dạng một mảng chứa các màu, bản thân mỗi màu là một mảng gồm ba số nguyên. Bằng cách sử dụng hai dòng mã sau, bạn có thể dễ dàng nhận được dải màu từ hình ảnh.

Nhận màu sắc từ hình ảnh

  1. Tải hình ảnh
  2. Nhận đĩa màu

Trích xuất hình ảnh đĩa màu trong Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
 Tiếng Việt