0

有没有办法在一个图像类中组合两个图像？我不想混合它们，只是把它们放在一起......

我正在寻找这样的东西：

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

谢谢！

编辑：

我需要在将它们放入画布之前将它们组合起来以便于滚动处理......所以画布或 div 不是一个选项。

编辑，二：

我正在使用我正在滚动的画布。但是我的形象被淘汰了。它认为这将是最简单的方法，当我将我的实际图像与以下图像合并并“滚动”通过该图像而不是处理两个单独的图像时。

4

3 回答 3

1

从来没听说过。一个图像元素只支持一个图像。要么您必须创建两个单独的图像并将它们浮动在彼此旁边，或者您可以使用一个canvas元素，并将两个图像并排绘制到它上面（如果您手头没有非常罕见的场景，最好的解决方案可能会使用两个单独的图像）。

于 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 回答