Canvas实现图片拖拽效果

在前端开发中,一般图片拖拽有两种实现方案,一种是利用onmousemove这个方法在鼠标拖动时获取鼠标的坐标,然后根据坐标修改图片的位置即可,另外一种为利用canvas绘图实现拖拽的效果,当鼠标在移动时获取鼠标的位置,然后不断的清除画布,根据鼠标的位置重新绘制图片。

   实现代码如下:





    
    Canvas实现图片拖拽效果
    



    

Canvas实现图片拖拽效果

您的浏览器不支持Canvas标签!

 

你可能感兴趣的:(HTML)