Vue 图片放大器的实现
介绍一个Vue的图片放大器插件v-image-preview,主要是利用了对图片transfrom和背景色的transition。
先看效果
实现的注意点:
要实现原地放大,就要拿到原来img标签的left和top,因为以后还要归位,以及它的naturalWidth、naturalHeight.
给图片设定基准宽度,然后设定transform比例,才能做到回归原来位置的效果
具体代码可参考:https://github.com/novlan1/v-image-preview