pre-load images

gistfile1.txt

        //preload images for canvas on tag design
        function preloadImages(srcs) {
            if (!preloadImages.cache) {
                preloadImages.cache = [];
            }
            var img;
            for (var i = 0; i < srcs.length; i++) {
                img = new Image();
                img.src = srcs[i];
                preloadImages.cache.push(img);
            }
        }

        // then to call it, you would use this
        var imageSrcs = ["/images/flag.jpg", "/images/tag-logo.png", "/images/ce.jpg", "/images/flow_arrow_v.jpg", "/images/flow_arrow_u.jpg", "/images/flow_arrow_h.jpg", "/images/eac.jpg"];

        preloadImages(imageSrcs);
    </script>