Question

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

我正在寻找类似的东西：

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

谢谢！

修改

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

编辑，II。：

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

Answer 1

不是我知道的。图像元素仅支持单个图像。您可能需要创建两个单独的图像并将它们彼此相邻浮动，或者您可以使用canvas元素，并将两个图像并排绘制（如果您没有非常罕见）手头的情景，最好的解决方案可能会使用两个单独的图像。

Answer 2

除非使用画布或等效技术，否则无法使用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') );

Answer 3

使用JQuery

$('.container').append('<img algin="left" src="img1.jpg" />');
$('.container').append('<img algin="left" src="img2.jpg" />');

JavaScript图像类 - 将两个图像合并在一起

3 个答案: