图片绘制到Canvas上并能缩放和平移

有时候我们需要预览图片，对图片进行缩放平移等操作，这时候发现用img标签就不好用了。这时候就可以用我这个帖子的代码实现你要的效果。

格式支持：只要能在canvas上渲染的图片都能做缩放平移。

如果想缩放后还能把图片下载到本地，请自己调用canvas的api即可。

特性：小于canvas大小，则默认不缩放。大于canvas则以最长边为单位来缩放。

效果如下：

将下方代码新建一个html，在浏览器打开就能看到效果：

  
    
    
    
    
  

  
    
图片(jpg,png,svg,tiff...)绘制到Canvas上并能缩放和平移
    
    

    
  

这是个面向过程的代码。如感觉看起来写法垃圾，请自行修改成自己喜欢的样子。