ไลบรารี JavaScript โอเพ่นซอร์สสำหรับการประมวลผลภาพ
JavaScript API สำหรับใช้เอฟเฟกต์ต่างๆ กับรูปภาพโดยใช้ฟิลเตอร์ประเภทต่างๆ เช่น gaussian, greyscale, highpass, invert, laplacian, mirror,RGB, Roberts, saturation และอื่นๆ
Lena.js เป็นไลบรารีประมวลผลรูปภาพน้ำหนักเบาที่เรียบง่าย ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์สามารถทำงานกับรูปภาพประเภทต่างๆ จากภายในแอปพลิเคชัน JavaScript ของตนได้ เป็นไลบรารี JavaScript แท้ ๆ ที่สามารถทำงานบน Node เช่นเดียวกับในเบราว์เซอร์โดยไม่ต้องพึ่งพาภายนอก ห้องสมุดเป็นโอเพ่นซอร์สและอยู่ภายใต้ใบอนุญาต MIT ไลบรารี่ไม่ค่อยดีนักกับรูปภาพจำนวนมากภายในเบราว์เซอร์ แต่มีประสิทธิภาพมากสำหรับการจัดการรูปภาพขนาดเล็ก
Lena.js ใช้งานง่ายมากและสามารถใช้เอฟเฟกต์ต่างๆ กับรูปภาพได้ ฟิลเตอร์รูปภาพช่วยให้แอปซอฟต์แวร์ใช้เอฟเฟกต์ต่างๆ กับรูปภาพได้ด้วยการคลิกเพียงครั้งเดียว ไลบรารีได้รวมการรองรับฟิลเตอร์รูปภาพที่สำคัญหลายตัว ฟิลเตอร์ที่สำคัญบางตัว ได้แก่ gaussian, greyscale, highpass, invert, laplacian, mirror, noise, Prewitt, RGB, Roberts, saturation, sepia, sharpen และอีกมากมาย ห้องสมุดยังรองรับการใช้ฟิลเตอร์หลายตัวกับรูปภาพ ตัวกรองถูกเก็บไว้ในตัวแปรส่วนกลาง LenaJS เดียวกันและสามารถเข้าถึงได้ผ่านรหัสโดยใช้คีย์หรือเครื่องหมายจุด
เริ่มต้นใช้งาน LenaJs
วิธีที่แนะนำในการติดตั้ง LenaJs ผ่าน NPM โปรดใช้คำสั่งต่อไปนี้เพื่อติดตั้ง
ติดตั้ง Lena.Js ผ่าน NPM
npm install lena.js --save ใช้ตัวกรองกับรูปภาพผ่าน JavaScript
ไลบรารีโอเพ่นซอร์ส Lena.js ได้จัดเตรียมชุดตัวกรองที่มีประโยชน์ซึ่งสามารถใช้เพื่อใช้เอฟเฟกต์ประเภทต่างๆ กับรูปภาพภายในแอปพลิเคชัน JavaScript ก่อนอื่น โปรดระบุที่อยู่ที่ถูกต้องให้กับรูปภาพ จากนั้นเลือกตัวกรองจากรายการตัวกรองที่มี คุณสามารถใช้เมธอด filterImage และ redrawCanvas เพื่อใช้ฟิลเตอร์กับรูปภาพที่เลือกได้อย่างง่ายดาย ระบบจะใช้รูปภาพและผ้าใบเพื่อใช้ตัวกรอง
เพิ่มตัวกรองเสียงรบกวนผ่าน JavaScript
const noise = function (pixels, amount = 0) {
const level = amount * 255 * 0.1
let random;
for (let i = 0; i < pixels.data.length; i += 4) {
random = (0.5 - Math.random()) * level;
pixels.data[i] += random;
pixels.data[i + 1] += random;
pixels.data[i + 2] += random;
}
return pixels
}
export default noise
การใช้ตัวกรองหลายตัวกับรูปภาพ
ไลบรารี Lena.js ช่วยให้นักพัฒนาซอฟต์แวร์สามารถใช้ตัวกรองหลายตัวกับรูปภาพภายในแอป JavaScript ของตนเองได้ โดยปกติแล้ว ตัวกรองเดียวจะถูกนำไปใช้กับรูปภาพโดยวิธี filterImage ในการใช้ฟิลเตอร์หลายตัวกับรูปภาพ คุณต้องใช้เมธอด reddrawCanvas แทน filterImage คุณต้องส่งภาพที่แสดงผลแล้วโดยมีตัวกรองเป็นอาร์กิวเมนต์แรก และต้องส่งตัวกรองใหม่เป็นอาร์กิวเมนต์ที่สอง ซึ่งจะผนวกเข้ากับภาพได้อย่างง่ายดาย
กำลังประมวลผลภาพผ่าน JavaScript API
ไลบรารี LenaJs ช่วยให้โปรแกรมเมอร์ซอฟต์แวร์สามารถเพิ่มตัวกรองในรูปภาพภายใน JavaScript โดยทางโปรแกรม การใช้ตัวกรองกับ LenaJs นั้นค่อนข้างง่าย API ให้สองวิธีในการเพิ่มตัวกรอง filterImage() และ redrawCanvas() คุณต้องระบุรูปภาพและผืนผ้าใบสำหรับวิธีการใช้ตัวกรอง ในการรับตัวกรอง คุณสามารถใช้เมธอด LenaJs['filername'] และนำไปใช้กับรูปภาพโดยใช้เมธอด filterImage()
ใช้ตัวกรองความคมชัดในรูปภาพ <
const contrast = function (pixels, amount) {
const level = Math.pow((amount + 100) / 100, 2)
let data = pixels.data
let r
let g
let b
for (let i = 0; i < data.length; i += 4) {
r = data[i]
g = data[i + 1]
b = data[i + 2]
r = r / 255
r -= 0.5
r *= level
r += 0.5
r *= 255
g = g / 255
g -= 0.5
g *= level
g += 0.5
g *= 255
b = b / 255
b -= 0.5
b *= level
b += 0.5
b *= 255
r = r < 0 ? 0 : r > 255 ? 255 : r
g = g < 0 ? 0 : g > 255 ? 255 : g
b = b < 0 ? 0 : b > 255 ? 255 : b
data[i] = r
data[i + 1] = g
data[i + 2] = b
}
return pixels
}
export default contrast
