image - 将 html div 转换为图像

Question

下面是我要转换为 div 的代码。我尝试了 html2canvas 但这并没有以某种方式起作用。div的uppelayer中间层和bottomlayer在其他层之上，共3层。

<div id="container">
    <div id="bottomLayer">

        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSivV5yARSKfCsfaFmdo1Iwc7muglbp92befBPfS7XxglZ0XrpU" id="preview2" />
    </div>

    <div id="mediumLayer">
        <img src="http://f0.pepst.com/c/B7F2F3/402463/ssc3/home/038/amazing.beauties/diana_penty_02_12x92.jpg_480_480_0_64000_0_1_0.jpg" id="preview" />
    </div>

    <div id="main">
        <img src="http://f0.pepst.com/c/B7F2F3/402463/ssc3/home/038/amazing.beauties/diana_penty_02_12x92.jpg_480_480_0_64000_0_1_0.jpg" id="jcrop_target" />
    </div>  

    <div id="upperlayer"><canvas id="canvas2"></canvas></div>
</div>