如何将图像放在画布上，然后画上它呢？

Question

我在画布上绘图，我想在图像上绘制，然后在服务器上保存修改后的新图像而不是旧图像，我该怎么做？

var img = document.getElementById('img');

var canvas = document.getElementById('can');

var dataURL = canvas.toDataURL();  


$.ajax({
     type: "POST", 
     url: "canvas_ajax_upload.php", 
     data: { img: dataURL }      
  }).done(function(msg){ 
     alert(msg); 
  });

在HTML中：

<img style="position:absolute;top:10%;left:10%"  width="833" height="602" id="img" src="http:..../Picture3.png"/>

<img style="position:absolute;top:10%;left:10%"  width="833" height="602" id="img" src="<?=$image?>"/> 

我想保存图像并绘制画布。

通过这种方式，我只保存在画布上绘制的内容。