导出JQuery拖放到图像

Question

我创建了一个简单的拖放操作，但我的真正目的是保存/导出/下载最终结果为image / jpg / png 这怎么可能？

Drawing.php

 <div id="picture1">
         <img src="images/icon1.png">
     </div>
     <div id="picture2">
         <img src="images/icon2.png">
     </div>
     <div id="dropme">
         <img src="images/plan1.jpg">
     </div>
     <style>
         #dropme{
             height: auto;
         }
         #dropme img{
             width:80%;
             max-width: 100%;
         }
         #picture1{  
             width: 159px;
             height: 80px;
        }   
        #picture2{   
             width: 80px;
             height: 79px;
        }    
         </style>
          </div>
           </div>

java.js

$(document).ready(function() {
    $('#picture1, #picture2').draggable({
        containment:'document'});
    $('#dropme').droppable({
        drop:function(){

    }});
});

所以，我想知道的是我如何将最终结果导出到图像