在画布中上传的图片在html5中可拖动，可触摸和可旋转

我是Html5的新手。我正在上传图像，但是它没有显示在画布中。如果我直接提供图像源，它将可以正常工作。我从此链接javascript中获取帮助：上传图像文件并将其绘制到画布中， 我将向您展示代码。

        

            
        
        
Click and drag the image or drag the dots to resize.
        

        
        

        

在此屏幕快照中，图像的大小可通过（img.src =“ https://d3s16h6oq3j5fb.cloudfront.net/1.11.0/img/new-city-home/bang-img/cake3.jpg”）调整大小。但我希望此图像由用户上传到画布中。当我按用户上传图片时，它将无法正常工作。我再给你一个屏幕截图。

我改变了一些现有代码中的想法。现在，用户上传了图片。

        

            
        
        
Click and drag the image or drag the dots to resize.