h5页面长按保存图片

因为以前几乎没有使用过canvas；今天遇到了一个很棘手的问题。canvas生成后，而后长按保存到手机。

正常的流程应该是先用canvas进行画图，而后再把canvas转成地址，最后再把转化的地址给img标签，这样就能够进行保存了

你们都知道，在手上访问H5页面的时候，长按图片就会把图片保存起来。(哭瞎~~我以前不知道，一直想把canvas直接长按保存；各类问度娘。好在知道了。)

 

话很少说了，上代码片断

 

html

 

js

 

 初学者，有什么不对的地方，还请各位大佬多多指点一下