اطرح أسئلة حول كيفية التقاط أو تحويل صفحات الويب أو HTML into الصور أو ملفات CSV أو PDF أو DOCX وكذلك حول كيفية تحويل مقاطع الفيديو intس المتحركة GIF باستخدام API لدينا.
أواجه مشكلة في جعل لقطة الشاشة تعمل بشكل صحيح على Firefox في مواقف معينة.
يستخدم Firefox خاصية CSS "inset" التي لا يستخدمها أي متصفح آخر (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). يتم استخدامه بدلاً من اليسار/اليمين/الأعلى/الأسفل. على الأقل في نسختي من FF، فإنه يفرض استخدامه عن طريق استبدال أي يسار/يمين/... CSS. GrabzIt لا يتعرف على هذه الخاصية وبالتالي فإن الصورة غير صحيحة لمستخدمي Firefox.
هل واجه أي شخص آخر هذا ولديه الحل.
ربما تضع كود CSS القابل للتغيير في ملف CSS خارجي والإشارة إليه في HTML الخاص بك بهذه الطريقة؟
هذا لن ينجح في حالتي. أحتاج إلى تضمين CSS لأنه ليس هو نفسه دائمًا. ويتغير اعتمادا على المستخدم.
في نسختي من FireFox اختبرت هذا:
<html>
<head>
<script src="grabzit.min.js"></script>
</head>
<body>
<div id="screenshot"><style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div></div>
<script>GrabzIt("APPLICATION KEY").ConvertHTML(document.getElementById('screenshot').innerHTML,{"target": "#captureThis",
"format": "png",
"transparent": 1,
"bwidth": 1200,
"bheight": 1000,
"hd": 1,
"width": 1200,
"height": 1000,
"hide": ".modal-backdrop",
"displayid": "finalImage"}).DataURI();
</script>
</body>
</html>
البيانات المنشورة كانت كالتالي
<style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div>
لم يكن هناك أقحم إرسالها.