Question

我有一个主div，它有许多子div，这些子div有img标签，有一个子图像，在主div上互相叠加，并创建一个主图像。有什么方法我可以真正得到主div的图像，这是所有img标签的整体形象？任何jquery插件都可以做到这一点？任何建议表示赞赏！谢谢！

我尝试使用canvas标签，但里面的img标签没有显示。 html如下

<canvas id="shirt_display">      
     <img src="'.base_url().'marcella-resources/front/img/'.$collection[$num].'/SBase1.png" data-type="Base">
     <img src="'.base_url().'marcella-resources/front/img/'.$collection[$num].'/CollarInner.png" data-type="Inner Collar Back">
     <img src="'.base_url().'marcella-resources/front/img/'.$collection[$num].'/CollarOuter.png" data-type="Inner Collar Front">
      <img src="'.base_url().'marcella-resources/front/img/Button/B_Black/ICollarB.png" data-type="Inner Collar Buttons">
      <img src="'.base_url().'marcella-resources/front/img/Button Holes/BH_Black/ICollarBH.png" data-type="Inner Collar Button Holes">
</canvas>

我创建了一个click事件来测试我是否可以获取图像。我的jquery如下

$('.test').click(function()
{
    var canvas=document.getElementById('shirt_display');
    var ctx=canvas.getContext('2d');
    window.open('', document.getElementById('shirt_display').toDataURL());
})

从许多div覆盖生成图像

0 个答案: