这串代码有修改之后的没有,换望楼主能继续分享,多谢
var img1 = "http://localhost:8075/WebReport/back1.png";//imgurl 就是你的图片路径
var img2 = "http://localhost:8075/WebReport/back2.png";
var image = new Image();
var base64 = '';
var flag = 1;
setInterval(function()
{
if(flag == 1)
{
image.src = img1;
image.onload = function(){
base64 = getBase64Image(image);
}
$('.widgetBackground').css('background','url("'+base64+'")');
flag = 2;
}
else
{
image.src = img2;
image.onload = function(){
base64 = getBase64Image(image);
}
$('.widgetBackground').css('background','url("'+base64+'")');
flag = 1;
}
},10000);
function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, img.width, img.height);
var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
var dataURL = canvas.toDataURL("image/"+ext);
return dataURL;
} |