html2canvas/tests/test.js

120 lines
5.0 KiB
JavaScript
Raw Normal View History

var h2cSelector, h2cOptions;
2011-12-11 21:06:57 +04:00
(function(document, window) {
2014-09-04 19:46:17 +04:00
function appendScript(src) {
document.write('<script type="text/javascript" src="' + src + '.js?' + Math.random() + '"></script>');
2011-12-11 21:06:57 +04:00
}
2014-05-18 22:17:59 +04:00
2017-07-29 05:07:42 +03:00
['/tests/assets/jquery-1.6.2', '/dist/html2canvas'].forEach(appendScript);
2014-09-04 21:50:31 +04:00
2012-03-02 20:05:03 +04:00
window.onload = function() {
2014-09-04 19:46:17 +04:00
(function( $ ){
$.fn.html2canvas = function(options) {
if (options && options.profile && window.console && window.console.profile && window.location.search !== "?selenium2") {
window.console.profile();
}
var date = new Date(),
$message = null,
timeoutTimer = false,
timer = date.getTime();
options = options || {};
2017-07-29 05:07:42 +03:00
var promise = html2canvas(this[0], options);
2014-09-04 19:46:17 +04:00
promise['catch'](function(err) {
console.log("html2canvas threw an error", err);
});
promise.then(function(canvas) {
var $canvas = $(canvas),
finishTime = new Date();
if (options && options.profile && window.console && window.console.profileEnd) {
window.console.profileEnd();
}
$canvas.addClass("html2canvas")
.css({
position: 'absolute',
left: 0,
top: 0
}).appendTo(document.body);
if (window.location.search !== "?selenium") {
$canvas.siblings().toggle();
$(window).click(function(){
var scrollTop = $(window).scrollTop();
2014-09-04 19:46:17 +04:00
$canvas.toggle().siblings().toggle();
$(document.documentElement).css('background', $canvas.is(':visible') ? "none" : "");
$(document.body).css('background', $canvas.is(':visible') ? "none" : "");
2014-09-04 19:46:17 +04:00
throwMessage("Canvas Render " + ($canvas.is(':visible') ? "visible" : "hidden"));
$(window).scrollTop(scrollTop);
2014-09-04 19:46:17 +04:00
});
$(document.documentElement).css('background', $canvas.is(':visible') ? "none" : "");
$(document.body).css('background', $canvas.is(':visible') ? "none" : "");
2014-09-04 19:46:17 +04:00
throwMessage('Screenshot created in '+ ((finishTime.getTime()-timer)) + " ms<br />",4000);
} else {
$canvas.css('display', 'none');
}
// test if canvas is read-able
try {
$canvas[0].toDataURL();
} catch(e) {
if ($canvas[0].nodeName.toLowerCase() === "canvas") {
// TODO, maybe add a bit less offensive way to present this, but still something that can easily be noticed
window.alert("Canvas is tainted, unable to read data");
}
}
});
function throwMessage(msg,duration){
window.clearTimeout(timeoutTimer);
timeoutTimer = window.setTimeout(function(){
$message.fadeOut(function(){
$message.remove();
$message = null;
});
},duration || 2000);
if ($message)
$message.remove();
$message = $('<div />').html(msg).css({
margin:0,
padding:10,
background: "#000",
opacity:0.7,
position:"fixed",
top:10,
right:10,
fontFamily: 'Tahoma',
color:'#fff',
fontSize:12,
borderRadius:12,
width:'auto',
height:'auto',
textAlign:'center',
textDecoration:'none',
display:'none'
}).appendTo(document.body).fadeIn();
2015-02-03 22:34:05 +03:00
console.log(msg);
2014-09-04 19:46:17 +04:00
}
};
})(jQuery);
2014-02-23 19:02:49 +04:00
h2cSelector = [document.documentElement];
2012-03-02 20:05:03 +04:00
if (window.setUp) {
window.setUp();
}
2014-09-27 21:20:08 +04:00
window.run = function() {
$(h2cSelector).html2canvas($.extend({
2012-03-02 20:05:03 +04:00
logging: true,
profile: true,
2014-09-20 21:25:48 +04:00
proxy: "http://localhost:8082",
2014-10-12 21:32:10 +04:00
useCORS: false,
removeContainer: false
}, h2cOptions));
2014-09-27 21:20:08 +04:00
};
if (typeof(dontRun) === "undefined") {
setTimeout(window.run, 100);
}
2012-03-02 20:05:03 +04:00
};
}(document, window));