2013-03-28 96 views
4

我使用html2canvasdiv转换为image/png。它在所选div中有文字时正常工作,但我有一个图像。所以当我点击这个按钮时,我看不到base64的图片html2canvas将div转换为html2canvas(带img内部的div元素)未捕获图像

我的代码是这样的;

这是我的脚本:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="html2canvas.js"></script> 

<script> 
    $(function(){ 

     $('.savedraft').click(function(){ 

      html2canvas([ document.getElementById('div2image') ],{ 
      onrendered: function(canvas) { 
      window.open(canvas.toDataURL()); 

    } 
}); 
     }) 

     });   

</script> 

这是我的身体:

<div class="savedraft">Convert</div> 
<div id="div2image" > 
    <img src="WebSite5/html2canvas-master/tests/assets/image_1.jpg" /> 
</div> 

回答

2

将其设置为DIV背景图像,应该工作正常那样!

0

使用canvas.toDataURL(“图像/ PNG”)使用服务器指定类型的图像