ਵੈਬ ਪੇਜਾਂ ਜਾਂ HTML ਨੂੰ ਕੈਪਚਰ ਜਾਂ ਕਨਵਰਟ ਕਰਨ ਬਾਰੇ ਪ੍ਰਸ਼ਨ ਪੁੱਛੋ into ਤਸਵੀਰਾਂ, ਸੀਐਸਵੀ, ਪੀਡੀਐਫ ਜਾਂ ਡੀਓਸੀਐਕਸ ਦਸਤਾਵੇਜ਼ਾਂ ਦੇ ਨਾਲ ਨਾਲ ਵੀਡੀਓ ਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ into ਜੀਆਈਐਫ ਦੀ ਐਨੀਮੇਟਿਡ ਸਾਡੀ API ਦੀ ਵਰਤੋਂ ਕਰ ਰਿਹਾ ਹੈ.
ਮੈਨੂੰ ਕੁਝ ਸਥਿਤੀਆਂ ਵਿੱਚ ਫਾਇਰਫਾਕਸ ਉੱਤੇ ਸਹੀ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਸਕ੍ਰੀਨਸ਼ਾਟ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਇੱਕ ਸਮੱਸਿਆ ਆ ਰਹੀ ਹੈ।
ਫਾਇਰਫਾਕਸ ਇੱਕ "ਇਨਸੈੱਟ" CSS ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਕੋਈ ਹੋਰ ਬ੍ਰਾਊਜ਼ਰ ਨਹੀਂ ਵਰਤਦਾ (https://developer.mozilla.org/en-US/docs/Web/CSS/inset)। ਇਹ ਖੱਬੇ/ਸੱਜੇ/ਉੱਪਰ/ਹੇਠਾਂ ਦੀ ਬਜਾਏ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਘੱਟੋ-ਘੱਟ ਮੇਰੇ FF ਦੇ ਸੰਸਕਰਣ ਵਿੱਚ, ਇਹ ਕਿਸੇ ਵੀ ਖੱਬੇ/ਸੱਜੇ/... CSS ਨੂੰ ਬਦਲ ਕੇ ਵਰਤਣ ਲਈ ਮਜਬੂਰ ਕਰਦਾ ਹੈ। GrabzIt ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਨਹੀਂ ਪਛਾਣਦਾ ਹੈ ਅਤੇ ਇਸ ਲਈ ਚਿੱਤਰ ਫਾਇਰਫਾਕਸ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਸਹੀ ਨਹੀਂ ਹੈ।
ਕੀ ਕਿਸੇ ਹੋਰ ਨੇ ਇਸਦਾ ਅਨੁਭਵ ਕੀਤਾ ਹੈ ਅਤੇ ਇਸਦਾ ਹੱਲ ਹੈ.
ਸ਼ਾਇਦ CSS ਕੋਡ ਪਾਓ ਜੋ ਕਿ ਇੱਕ ਬਾਹਰੀ CSS ਫਾਈਲ ਵਿੱਚ ਬਦਲਣ ਲਈ ਸੰਵੇਦਨਸ਼ੀਲ ਹੈ ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ HTML ਵਿੱਚ ਇਸ ਤਰੀਕੇ ਨਾਲ ਹਵਾਲਾ ਦਿਓ?
ਇਹ ਮੇਰੇ ਕੇਸ ਵਿੱਚ ਕੰਮ ਨਹੀਂ ਕਰੇਗਾ। ਮੈਨੂੰ css ਇਨਲਾਈਨ ਹੋਣ ਦੀ ਲੋੜ ਹੈ ਕਿਉਂਕਿ ਇਹ ਹਮੇਸ਼ਾ ਇੱਕੋ ਜਿਹਾ ਨਹੀਂ ਹੁੰਦਾ। ਇਹ ਉਪਭੋਗਤਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ.
ਫਾਇਰਫਾਕਸ ਦੇ ਮੇਰੇ ਸੰਸਕਰਣ ਵਿੱਚ ਮੈਂ ਇਸ ਨਾਲ ਟੈਸਟ ਕੀਤਾ:
<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>
ਕੋਈ ਇਨਸੈੱਟ ਨਹੀਂ ਭੇਜਿਆ ਗਿਆ ਸੀ।
ਮੈਂ ਇਸਦੀ ਹੋਰ ਜਾਂਚ ਕਰ ਰਿਹਾ ਹਾਂ ਅਤੇ ਇਹ ਜਾਪਦਾ ਹੈ ਕਿ ਇਹ ਉਦੋਂ ਹੋ ਰਿਹਾ ਹੈ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇੱਕ ਡਿਵ ਨੂੰ ਮੂਵ ਕਰਦਾ ਹੈ. ਮੇਰੀ ਐਪ ਤੱਤਾਂ ਨੂੰ ਇਧਰ-ਉਧਰ ਜਾਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ ਅਤੇ ਇਹ ਉਦੋਂ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਫਾਇਰਫਾਕਸ ਇਹ ਤਬਦੀਲੀ ਕਰ ਰਿਹਾ ਹੁੰਦਾ ਹੈ। ਮੈਂ ਸ਼ਾਇਦ ਇਸਦੇ ਲਈ ਖਾਤੇ ਵਿੱਚ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਕੁਝ ਬਦਲਾਅ ਕਰ ਸਕਦਾ ਹਾਂ।