قم بإنشاء لقطات شاشة مثالية لمواقع الويب أو قم بتحويل HTML مباشرة إلى الصور باستخدام الميزات التالية في GrabzIt's Perl API. ولكن قبل أن تبدأ تذكر أنه بعد استدعاء URLToImage, HTMLToImage or FileToImage طرق Save or SaveTo يجب استدعاء الطريقة لإنشاء الصورة.
مطلوب معلمة واحدة فقط من أجل التقاط لقطة شاشة لصفحة ويب أو تحويل HTML intيا صورة كما هو موضح في المثال التالي.
$grabzIt->URLToImage("https://www.tesla.com"); # Then call the Save or SaveTo method
$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>"); # Then call the Save or SaveTo method
$grabzIt->FileToImage("example.html"); # Then call the Save or SaveTo method
يمكن لـ GrabzIt's Perl API إنشاء صور بتنسيقات متعددة ، بما في ذلك JPG و PNG و WEBP و BMP (8 bit أو 16 bit أو 24 bit أو 32 bit) و TIFF. التنسيق الافتراضي لقطات الشاشة هو JPG. ومع ذلك ، قد لا تكون جودة صورة JPG جيدة بما يكفي لبعض التطبيقات في هذه الظروف ، يوصى بتنسيق PNG لقطات الشاشة لأنها تعطي توازنًا جيدًا بين الجودة وحجم الملف. يوضح المثال التالي لقطة شاشة يتم التقاطها باستخدام تنسيق PNG.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->format("png"); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->format("png"); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->format("png"); $grabzIt->FileToImage("example.html", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.png");
يشير حجم المستعرض إلى حجم إطار المستعرض الذي سيتم استخدامه عند التقاط لقطة الشاشة في معظم الحالات ، لا يلزم تعيين هذا لأن حجم المتصفح الافتراضي سيكون كافياً لجميع المهام كافة. لاستخدام حجم المتصفح الافتراضي مجرد تمرير 0
الى browserWidth
و browserHeight
طرق لل GrabzItImageOptions فئة.
يعد تغيير حجم الصورة أمرًا سهلاً ، ويعد القيام بذلك دون تشويه الصورة أكثر صعوبة بعض الشيء. لجعل العملية برمتها أبسط ، نوصيك باستخدام هذا آلة حاسبة البعد صورة بسيطة.
إذا كنت ترغب في زيادة عرض الصورة وارتفاعها إلى حجم أكبر من عرض المتصفح وارتفاعه ، وهو 1366 بمقدار 728 بكسل افتراضيًا ، فيجب أيضًا زيادة عرض المتصفح وارتفاعه ليتطابقان.
يمكنك تمرير معرف مخصص إلى صورة الأساليب كما هو موضح أدناه ، ثم يتم إرجاع هذه القيمة إلى معالج GrabzIt Perl الخاص بك. على سبيل المثال ، يمكن أن يكون هذا المعرّف المخصص معرف قاعدة بيانات ، مما يسمح بربط لقطة شاشة بسجل قاعدة بيانات معين.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->customId("123456"); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save method $grabzIt->Save("http://www.example.com/handler.pl");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->customId("123456"); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save method $grabzIt->Save("http://www.example.com/handler.pl");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->customId("123456"); $grabzIt->FileToImage("example.html", $options); # Then call the Save method $grabzIt->Save("http://www.example.com/handler.pl");
GrabzIt يسمح لك بالتقاط لقطة شاشة كاملة لصفحة ويب كاملة للقيام بذلك تحتاج إلى تمرير -1 إلى browserHeight
طريقة. للتأكد من تطابق الصورة مع حجم المستعرض ، يتم تمرير -1 إلى height
و width
الأساليب.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->browserHeight(-1); $options->width(-1); $options->height(-1); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->browserHeight(-1); $options->width(-1); $options->height(-1); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->browserHeight(-1); $options->width(-1); $options->height(-1); $grabzIt->FileToImage("example.html", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
يمكنك أيضًا إرجاع الصور المصغرة التي لم يتم اقتصاصها ، ولكن حذارًا ، فقد يؤدي ذلك إلى إنشاء صور كبيرة. للقيام بذلك تمرير -1 إلى height
و / أو width
طرق. لن يتم اقتصاص البعد الذي تم تمريره إلى -1.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->width(-1); $options->height(-1); $grabzIt->URLToImage("https://www.tesla.com", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->width(-1); $options->height(-1); $grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $options = GrabzItImageOptions->new(); $options->width(-1); $options->height(-1); $grabzIt->FileToImage("example.html", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
يعني استخدام هذه القيم الخاصة في طرق ارتفاع المتصفح والعرض وارتفاع المخرجات أنه يمكنك إنشاء لقطة شاشة بالحجم الدقيق لصفحة الويب بأكملها إذا كنت ترغب في ذلك!
GrabzIt يسمح لك بالتقاط لقطة لعنصر HTML ، مثل div
or span
علامة ، والتقاط كل محتوياته. للقيام بذلك ، يجب تحديد عنصر HTML الذي تريد التقاط صورة له كملف محدد CSS.
... <div id="features"> <img src="http://www.example.com/boy.jpg"/><h3>Boy Found</h3> </div> ...
في مقتطف الشفرة أدناه ، سنقوم بتصوير شاشة div ذات المعرف "ميزات" وإعادتها كصورة 250 x 250px JPEG.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); # The 250 parameters indicates that image should be sized to 250 x 250 px $options = GrabzItImageOptions->new(); $options->width(250); $options->height(250); $options->format("jpg"); $options->targetElement("#features"); $grabzIt->URLToImage("http://www.bbc.co.uk/news", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");
ينشئ المثال التالي لقطة شاشة أخرى لـ div "features" ، لكن هذه المرة تقوم بإخراج صورة بتنسيق JPEG وهي الحجم الصحيح لـ div في المستعرض.
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); # The -1 indicates that image should not be cropped $options = GrabzItImageOptions->new(); $options->width(250); $options->height(250); $options->browserHeight(-1); $options->format("jpg"); $options->targetElement("#features"); $grabzIt->URLToImage("http://www.bbc.co.uk/news", $options); # Then call the Save or SaveTo method $grabzIt->SaveTo("result.jpg");