Open dmlux opened 11 years ago
Simply add the CSS properties for the transform on the canvas element:
$("canvas").css("-webkit-transform", "translatey(-" + $(window).scrollTop() + "px)");
$("canvas").css("-moz-transform", "translatey(-" + $(window).scrollTop() + "px)");
$("canvas").css("-ms-transform", "translatey(-" + $(window).scrollTop() + "px)");
$("canvas").css("-o-transform", "translatey(-" + $(window).scrollTop() + "px)");
$("canvas").css("transform", "translatey(-" + $(window).scrollTop() + "px)");
This makes it work in FF, Opera, Chrome, Safari, and IE9 >
@abduzeedo maybe you could include this in the repo :+1:
@gport thx for you comment, add your code it works in FireFox, but it still doesn't work in Chrome..... Chrome blur only Text.. i can't blur Image ..:(
Are you using background-position: cover or background-position: contain on those images?
@gport I just downloaded this project as a zip file, and unzipping it, and run on Chrome. that's all i did. but Chome couldn't blur image that is on the project..
When I see the demo you are linking to it's working, the images get blurred. But when I download it and run it in my browser, it doesn't work.
@alexanderahlsen Same here.
And here.
So I am just curious, but was this project abandoned after this point? I see many folks having the same issue I am with the images not working from the downloaded example.
Guys, I think the article on Abduzeedo is over 2 years old and safe to assume that they are not updating this code anymore. You should try it out with the updated version of the html2canvas library; I've been using it in production sites for a while now.
@gerbenvandijk That is agreeable. Thanks
it works fine, upload the unzipped files to your live server then run index
big thanks to the man who wrote this repo
That's just a great implementation of translucency, but if i test it on mozilla it doesn't work. All kind of webkit browsers (safari, chrome and opera) can handle it but not mozilla.