svg-mirror v1.0.2

SVG实现镜像倒影效果

基础用法

效果图：

代码：

<template>
  <div id="app">
    <Mirror :image="logo" :width="200" :height="200" />
  </div>
</template>

<script>
  import Mirror from 'svg-mirror';

  export default {
    name: 'App',
    components: {
      Mirror
    },
    data () {
      return {
        logo: require("./assets/logo.png")
      }
    }
  }
</script>

属性

offset: string 类型，可选值"0%" ~ "100%"

opacity: string 类型，可选值"0" ~ "1"