secretimg-decrypt-vue v0.0.1

secretImg-decrypt-vue

一个Vue指令，用来解密secretImg加密过的图片文件

Intall

npm run install --save secretImg-decrypt-vue

Usage

• 引入&注册

引入指令，并通过Vue.use注册，第二个参数是图片解密的Key

import vSecretImg from 'secretImg-decrypt-vue'

Vue.use(vSecretImg, 'decryptKey')

• 使用

<img src="#" v-secretImg="{path: imgPath}" alt="">
<div class="si" v-secretImg="{path: imgPath, type: 'bgimg'}"></div>

通过v-secretImg来指定图片地址和类型

• path: 图片的地址。注意：如果是本地的图片，加密的图片，请务必保留图片类型的后缀（.png、.jpg、.gif等），因为如果是位置的文件，需要重新配置loader；其次，图片解密是浏览器运行时进行的，所以传入的地址是编译之后的文件地址，所以加密图片文件建议用require引入
• type: 图片渲染类型，img、bgimg，可选， 默认img。如果是img类型，图片解密之后会替换标签的src属性；反之则会设置标签的背景图片background-image

如果传入的是一个字符串，则会当成path来解析

<img src="#" v-secretImg="imgPath" alt="">

图片要保留后缀，并且预先rquire

export default {
  data () {
    return {
      imgPath: require('../assets/a.png')
    }
  }
}