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

الشروع في العمل مع Capture-Website

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

 npm install capture-website 

التقاط لقطات من موقع الويب عبر Free JavaScript API

تتيح مكتبة Capture-Website مفتوحة المصدر لمطوري JavaScript التقاط لقطات شاشة لمواقع الويب برمجيًا. من أجل التقاط لقطات شاشة للموقع ، توفر واجهة برمجة التطبيقات () طريقة captureWebsite.file (). تأخذ الطريقة اسم ملف الإدخال ومسار ملف الإخراج وخيارات لقطات الشاشة. باستخدام سطري الكود التاليين ، يمكنك بسهولة الحصول على لقطات شاشة للموقع.

التقاط لقطات من موقع الويب

1. استيراد مكتبة مواقع الويب الملتقطة
2. التقط لقطات من موقع باستخدام ملف captureWebsite.file (إدخال ، إخراج ، ملف مسار ، خيارات؟). تلتقط الطريقة لقطة شاشة للإدخال المحدد وتحفظها في outputFilePath المحددة.
3. يمكنك أيضًا تعيين خيارات مثل الارتفاع ونوع العرض والعرض لملف الإخراج

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');
            

التقاط لقطات لحجم جهاز معين في JavaScript

تتيح مكتبة Capture-Website مفتوحة المصدر لمطوري JavaScript التقاط لقطة شاشة كما تم التقاطها على الجهاز المحدد. من أجل التقاط لقطات من الموقع ، توفر واجهة برمجة التطبيقات خاصية emulateDevice. يمكنك محاكاة لقطة شاشة بحجم iPhone X. باستخدام السطرين التاليين من التعليمات البرمجية ، يمكنك بسهولة محاكاة لقطات شاشة من موقع الويب.

محاكاة الجهاز للقطات الشاشة

1. استيراد مكتبة مواقع الويب الملتقطة
2. التقط لقطات من الموقع باستخدام ملف captureWebsite.file (إدخال ، إخراج ، ملف مسار ، خيارات؟). تلتقط الطريقة لقطة شاشة للإدخال المحدد وتحفظها في outputFilePath المحددة.
3. قم بالمحاكاة باستخدام خاصية emulateDevice وقم بتعيين القيمة على "iPhone X"

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });