vue如何做出图片放大效果

1、建立子组件,来实现图片方法功能，接受图片地址发送事件。遮罩层样式，不限制图片大小，实现居中。

2、在父类中使用子组件，默认配置写法，数组里的格式很简单，就是图片地址，没有多余的参数。

3、片原始大小1倍，图片放大所用时间，是相对于前面的容器定位的，此处要放大的图片，不能使用。

4、利用h5对象， 获取 上传到浏览器的文件 ，文件形式 为base64形式， 把 base64 赋给canvas的上下文。

5、然后给canvas 元素上加入对（mousedown）监听事件。 当用户鼠标左键在canvas按下。

6、挂载对 window 对象mouseup 事件， 清除 mousemove事件的绑定。（同时该事件触发后会被删除）。