Html5 Canvas将div保存为图像(文本显示在图像中但不显示图像)

时间:2015-02-27 01:24:32

标签: jquery html5-canvas

我正在尝试使用html5画布拍摄div的快照。当我尝试仅使用文本数据拍摄div的快照时,它可以正常工作。但是,当我尝试在div中快照图像时,它会显示空白的白色图像和文本。

<script type="text/javascript">
    function capture() {
            html2canvas($("#mydiv"), {
             onrendered: function (canvas) {
                $("body").append(canvas);
             }
        });  
    }
   </script>

<div id="mydiv" style="height:400px; width:300px; " >
<img src="noname.jpg">
<p>Very good iamge</p>
</div>

1 个答案:

答案 0 :(得分:0)

html2canvas不会显示源自另一个域的图像:

http://html2canvas.hertzen.com/faq.html