效果
通过行内样式控制图片的缩放,旋转。
应用:图像预览组件
<template>
<div class="img-container">
<div v-if="imageUrl" ref="imgPreview" :class="{'image-preview':true,'image-preview-scale':isScale}">
<div class="image-wrapper">
<img ref="img" :src="imageUrl">
</div>
<div class="image-action">
<el-button icon="el-icon-search" circle @click="handleScale" />
<el-button icon="el-icon-refresh-left" circle @click="handleRotateLeft" />
<el-button icon="el-icon-refresh-right" circle @clic