0

我有一个主 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>

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

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

0 回答 0