שאל שאלות כיצד ללכוד או להמיר דפי אינטרנט או HTML into תמונות, מסמכי CSV, PDF או DOCX וכן כיצד להמיר סרטונים into GIF מונפשות באמצעות ה- API שלנו.
יש לי בעיה לגרום לצילום המסך לעבוד כראוי בפיירפוקס במצבים מסוימים.
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>
לא נשלחה תוספת.