分类 前端 下的文章

分享前端31个常用代码片段


一、预加载图像

如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。

$.preloadImages = function (){
    for (var i=0; i<arguments.length; i++){
        $('<img>').attr('src',arguments[i]);
    }
};
$.preloadImages('img/hover-on.png','img/hover-off.png');


html2canvas实现网页保存为图片及图片清晰度优化


一、实现HTML页面保存为图片

1.1 已知可行方案

现有已知能够实现网页保存为图片的方案包括:

方案1:将DOM改写为canvas,然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI
方案2:使用html2canvas.js实现(可选搭配Canvas2Image.js实现网页保存为图片)
方案3:使用rasterizeHTML.js实现