0

画像（この場合は、正常なJPGです）をプルし/camera/frameて、の背景としてロードしようとしていdocument.bodyます。

これまでの私のコードは次のとおりです。

var backgroundImage = new Image();
backgroundImage.onload = function ()
{
    console.log("onload");
    document.body.style.backgroundImage = this.src;
};

backgroundImage.src = 'camera/frame';

"onload"期待どおりに出力され、this.srcはへの完全なURLを出力しますが/camera/frame、はdocument.body.style.backgroundImage残り""ます。

4

2 に答える 2

1

私はあなたが2つのことを見逃しているかもしれないと信じています。

var path = 'path/to/image.jpg';
document.body.style.background='url('+path+')';
于 2012-07-12T01:59:47.687 に答える
0

Canvas 2Dが救いの手を差し伸べます！

var backgroundImage = new Image();
backgroundImage.onload = function ()
{    
    var canvas = document.getElementById('canvas');
    canvas.width = this.width;
    canvas.height = this.height;

    var canvasContext = canvas.getContext('2d');
    canvasContext.drawImage(this, 0, 0, this.width, this.height);
};

backgroundImage.src = 'camera/frame'; 
backgroundImage.width = $(window).width();
backgroundImage.height = $(window).height();

背景に画像を読み込んでから、シームレスにキャンバスに描画します。

于 2012-07-12T16:39:48.827 に答える