I'm running html2canvas in 2 different places within my sites structure.
When I use it to capture elements in the root of the site it works. ie, when run in http://192.168.0.1/test/ it works correctly.
However if I run it in http://192.168.0.1/test/**subfolder/** the canvas image is shown but no css or png files have been rendered in it.
Looking at the console html2cavnas is failing to load items from http://192.168.0.1/test/images/ or http://192.168.0.1/test/css/
But it should be looking in
http://192.168.0.1/test/**subfolder**/images/ or http://192.168.0.1/test/**subfolder**/css/
How do I get it to read the URL correctly ?
Thanks
Related
I am implementing InAppWebView in my Flutter Project. I am loading local files from assets which contains all Javascripts and CSS files.
Expected behavior: I want to pass query parameters with local file path. For example, assets/board/index.html?letter=5&mode=1
Current behavior: Like, currently I am passing assets/board/index.html and Its loading file successfully. but Its not working If I pass as above path (assets/board/index.html?letter=5&mode=1). I am not getting any error but its just showing blank white page.
P.S. It is working for same URL if I host somewhere and use initialUrlRequest.
For more detail, check here.
Do let me know if any other information you need. Kindly help.
I have these two urls:
https://cdn.pixabay.com/photo/2017/06/24/09/13/dog-2437110_960_720.jpg
and
http://www.deutschland-machts-effizient.de/SiteGlobals/KAENEF/StyleBundles/Bilder/sublogo.png;jsessionid=DF603F2801D8F686FD4BCFAD770C3FC9?__blob=normal&v=3
Trying to access the pictures with wget works for the first one, but does not for the second one. Of course the first more closely resembles a picture (ending in .jpg), but any browser I tested displayed both as pictures I could download.
Instead of a picture I download a 2000 line html file, which contains several img tags. I guess I could try any of the urls, but I want to automate this for a general case, so this doesn't really help me.
What is the inherent difference between both pictures in the way they are stored on their respective server?
How can I download the second picture using wget?
I'm attempting to get an array of pixels of the screen (web page) but i know of no way of doing that without using canvas (either straight-up or converting HTML dom elements into canvas, first). I need to capture every pixel on the screen and i don't know what operating system is going to be used so i can't request the display from the O/S, either. Is there a third-party tool, possibly, or a way to do this from the window object in the DOM?
I have only one idea. Maybe you should try to move this functionality to the server. You can use WkHtmlToPDF(http://wkhtmltopdf.org/) for saving websites as PDF, pdf file you can convert to an image and read pixels array.
As web developers with no control of the client machine, there's two approaches to getting a screenshot of a webpage:
Open the webpage in a headless browser on the server and make the screenshot there. phantomjs is a popular one.
(I'm including this for completeness, though you said you don't want to take that route): Use the canvas element on the client. html2canvas is an interesting project that re-renders an entire HTML document into a canvas element so a screenshot can be made.
If your use case allows it, you could of course instruct your users to take a screenshot and paste it in an upload form that can handle images from the clipboard. On Windows, that's a matter of hitting "Print Screen" and CTRL+V.
Here is an api to generate images from online web pages: http://www.page2images.com/Create-Website-Screenshot-with-Javascript-API
Hi im hoping you guys can help me, I put together a fancybox gallery which works beautifully locally but when I uploaded it to server only 2 images work when clicked..Im at a loss as to why the others wont load, all images are in the same folder and paths are the same.
Any Ideas?
By using the browser debug tools, we can see that your server's returning "404 not found" errors for all the images. It looks like your image paths are img\thumb3.jpg; web servers use forward slashes as a path separator. If you change your gallery so the images are img/thumb3.jpg, it should all work fine.
The reason this works locally but not when uploaded is because you're working on Windows, and your web server probably isn't. :)
Am just beginning with joomla on a site that is already existing and was previously managed by someone else who is not available at the moment. I am trying to troubleshoot a problem why the website is displaying the header differently in different PCs but I am not being able to find the image of that header file. I tried to look for it under "site > media" but cannot find the image among the images in that area. I also tried to look for the path to the image through the template css and found this path ../images/logo.png which I believe must be the path to the header image but I honestly don't really know which path ../images/logo.png is but assuming it is the one under "media" then I still cannot find the image. Could you give me a clue on where the header image files could be found cause I've actually still failed? Or, could you make me understand this path ../images/logo.png or how to find an image on a joomla admin interface like say "logo.png". In fact I discover that on looking at the CSS for the template, the image paths found in it are not found in "Media"? Is there another path for the images in the template and how do I access them? I cannot FTP my host at the moment to view the physical files due to the long procedure needed so am hoping that there is a way to find it. I only have joomla admin access and nothing like Cpanel as yet. The joomla version of the site is 1.5.22 which I know is an old one but I plan to do first things first. Hope I've given enough infor.
Try using FireBug, or Chrome debugger - (press F12) and check "Click an element in the page to inspect" to see where the specific image is located exactly.