html2canvas/tests/test.js

var h2cSelector, h2cOptions;
(function(document, window) {
    function appendScript(src) {
        document.write('<script type="text/javascript" src="' + src + '.js?' + Math.random() + '"></script>');
    }

    ['/tests/assets/jquery-1.6.2', '/dist/html2canvas'].forEach(appendScript);

    window.onload = function() {
        (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 || {};
                var promise = html2canvas(this[0], options);
                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(){
                            $canvas.toggle().siblings().toggle();
                            $(document.documentElement).css('background', $canvas.is(':visible') ? "none" : "");
                            $(document.body).css('background', $canvas.is(':visible') ? "none" : "");
                            throwMessage("Canvas Render " + ($canvas.is(':visible') ? "visible" : "hidden"));
                        });
                        $(document.documentElement).css('background', $canvas.is(':visible') ? "none" : "");
                        $(document.body).css('background', $canvas.is(':visible') ? "none" : "");
                        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();
                    console.log(msg);
                }
            };
        })(jQuery);

        h2cSelector = [document.documentElement];

        if (window.setUp) {
            window.setUp();
        }

        window.run = function() {
            $(h2cSelector).html2canvas($.extend({
                logging: true,
                profile: true,
                proxy: "http://localhost:8082",
                useCORS: false,
                removeContainer: false
            }, h2cOptions));
        };

        if (typeof(dontRun) === "undefined") {
            setTimeout(window.run, 100);
        }
    };
}(document, window));