el-image图片下载

根据提供的引用内容，以下是关于el-image图片下载的介绍和演示：

el-image是Element UI中的一个组件，用于显示图片。要实现el-image图片下载，可以通过改造封装imageprint组件来实现。

首先，在Vue组件中引入el-image和imageprint组件：

import imageprint from '@/components/imageprint'
import { Image } from 'element-ui'

export default {
  components: {
    imageprint,
    'el-image': Image
  },
  // ...
}

然后，在模板中使用el-image和imageprint组件，并传入相应的属性：

<imageprint :src="tem.link" :imglist="imglist"></imageprint>

接下来，根据需求，改造封装imageprint组件，添加图片旋转和下载的功能。可以使用HTML5的canvas来实现图片旋转，然后使用a标签的download属性来实现图片下载。

在imageprint组件的方法中，添加旋转和下载的方法：

methods: {
  rotateImage() {
    // 图片旋转逻辑
    // ...
  },
  downloadImage() {
    const canvas = document.createElement('canvas')
    const ctx = canvas.getContext('2d')
    const img = new Image()
    img.src = this.src
    img.onload = () => {
      canvas.width = img.width
      canvas.height = img.height
      ctx.drawImage(img, 0, 0)
      canvas.toBlob((blob) => {
        const url = URL.createObjectURL(blob)
        const link = document.createElement('a')
        link.href = url
        link.download = 'image.png'
        link.click()
        URL.revokeObjectURL(url)
      })
    }
  }
}

在模板中添加旋转和下载按钮，并绑定对应的方法：

<template>
  <div>
    <el-image :src="src"></el-image>
    <button @click="rotateImage">旋转图片</button>
    <button @click="downloadImage">下载图片</button>
  </div>
</template>

通过以上改造，就可以实现el-image图片的旋转和下载功能了。