0

2 つの画像を 1 つの画像クラスに結合する方法はありますか? 私はそれらをブレンドしたくありません、ただそれらを隣り合わせに置きます...

私はこのようなものを探しています:

myImg = new Image()
myImg.src = "img1.jpg" + "img2.jpg"

ありがとう！

編集：

スクロール処理を容易にするために、キャンバスに配置する前にそれらを組み合わせる必要があります...したがって、キャンバスまたはdivはオプションではありません。

編集、II .:

スクロールしているキャンバスを使用しています。しかし、私のイメージはチャックされています。実際の画像を次の画像とマージし、2 つの別々の画像を処理する代わりに、この画像を「スクロール」するのが最も簡単な方法だと考えました。

4

3 に答える 3

1

私が知っていることではありません。image 要素は、1 つの画像のみをサポートします。2 つの別々の画像を作成してそれらを隣り合わせに浮かせるか、canvas要素を使用して両方の画像を並べて描画する必要があります (非常にまれなシナリオが手元にない場合、最善の解決策はただし、2 つの別々の画像を使用する可能性があります)。

于 2012-10-04T09:08:42.000 に答える
0

キャンバスまたは同等の技術を使用しない限り、JavaScript を使用してそのような画像を結合することはできません。

それらを隣り合わせに配置するだけの場合は、コンテナを作成して画像を追加します。

var container = document.createElement('div'),
    createImage = function(src) {
        var img = new Image();
        img.src = src;
    };
 container.appendChild( createImage('img1.jpg') );
 container.appendChild( createImage('img2.jpg') );
于 2012-10-04T09:08:41.483 に答える
0

JQuery を使用する 

$('.container').append('<img algin="left" src="img1.jpg" />');
$('.container').append('<img algin="left" src="img2.jpg" />');
于 2012-10-04T09:17:00.360 に答える